javascript - 使用两个 jquery document.ready 函数

Question

我有两个 document.ready 函数，如下所示：

    $(document).ready(function() {
        $('#slider1').s3Slider({
            timeOut: 3000 
        });
    });
    $(document).ready(function() {
     $(".modalbox").fancybox();
     $("#contact").submit(function() {
    return false;
});

第一个是应该永远旋转的横幅 jquery。第二个是在用户单击时出现的联系表单模式框。两者有可能共存吗？

Answer 1

当然。您只需向事件添加更多处理程序，一旦事件触发ready，所有处理程序都会触发。ready

Answer 2

完全有可能。在您的示例中，这只是一个开销，但您可以完美地拥有两个事件订阅者。

Answer 3

$(init);
function init(){
    banner();
    contactForm();
}
function banner(){ 
    $('#slider1').s3Slider({timeOut: 3000});
}
function contactForm(){
    $(".modalbox").fancybox();
    $("#contact").submit(...);
}