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

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

即。 $('.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>

而不是将其置于点击功能中。

使用url运行单击功能

3 个答案: