使用两个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(...);
}