使用两个jquery document.ready函数

Working with two jquery document.ready functions

本文关键字：jquery document ready 函数 两个      更新时间：2023-09-26

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

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

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

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

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

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