jquery - 使用 url 运行点击功能

Question

我有这个 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什么？

Answer 1

将这段代码移动到一个不同的函数中，然后在任何你想调用的地方调用它；

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();
    });

});

Answer 2

您需要做的就是在最后添加一行：

IE$('.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');

    });

Answer 3

如果要运行它，请不要使用“单击”方法。

加载 HTML 时不能使用 #popup，因为... #popup 可能不存在。它加载了 HTML。

但是如果你想在加载完 HTML 之后再加载它，只要把它放进去：

<script>
    $(document).ready(function() {
          $("#popup").bPopup({
            easing: 'easeOutBack',
            speed: 600,
            transition: 'slideDown'
           });
    });
</script>

而不是把它放在点击功能中。