У меня есть этот код jQuery:
$(document).ready(function() {
$(function () {
var austDay = new Date(2013, 10-1, 20, 10, 30);
$('#defaultCountdown').countdown({until: austDay});
});
$(".view").click(function() {
$("#popup").bPopup({
easing: 'easeOutBack',
speed: 600,
transition: 'slideDown'
});
});
});
который находится в файле index.html
Я хотел бы запустить эту часть при загрузке HTML:
$(".view").click(function() {
$("#popup").bPopup({
easing: 'easeOutBack',
speed: 600,
transition: 'slideDown'
});
});
Что мне нужно написать после index.html
?
Если вы хотите запустить его, не используйте метод "щелчок".
Вы не можете использовать #popup при загрузке HTML, потому что... #popup, вероятно, не существует. Он загружен HTML.
Но если вы хотите загрузить его после загрузки HTML, просто введите его:
<script>
$(document).ready(function() {
$("#popup").bPopup({
easing: 'easeOutBack',
speed: 600,
transition: 'slideDown'
});
});
</script>
вместо того, чтобы помещать его в функцию щелчка.
Все, что вам нужно сделать, это добавить одну строку в конец:
т.е. $('.view').trigger('click');
$(document).ready(function() {
$(function () {
var austDay = new Date(2013, 10-1, 20, 10, 30);
$('#defaultCountdown').countdown({until: austDay});
});
$(".view").click(function() {
$("#popup").bPopup({
easing: 'easeOutBack',
speed: 600,
transition: 'slideDown'
});
});
$('.view').trigger('click');
});
Переместите кусок кода в отдельной функции и вызовите его в любом месте;
Function PopUp
{
$("#popup").bPopup({
easing: 'easeOutBack',
speed: 600,
transition: 'slideDown'
});
}
$(".view").click(function() {
PopUp();
}
$(document).ready(function() {
$(function () {
var austDay = new Date(2013, 10-1, 20, 10, 30);
$('#defaultCountdown').countdown({until: austDay});
});
PopUp();
});
});
href="javascript:PopUp()"
.view
если вы хотите запустить без click, значит написать анонимную функцию