多个JQuery$（document）.ready函数

我试图在同一个页面上运行两个jQuery，我发现在任何时候都只能运行其中一个

有没有可能加入他们，让他们都能参加

以下是我尝试加入的两个功能：

职能1

jQuery(document).ready(function () {
    $('#countdown_dashboard1').countDown({
        queue: false,
        targetDate: {
            'day': 9,
                'month': 1,
                'year': 2016,
                'hour': 11,
                'min': 0,
                'sec': 0
        }
    });
});

职能2

<script id="addJS">
    jQuery(document).ready(function($) {
        jQuery.rsCSS3Easing.easeOutBack = 'cubic-bezier(0.175, 0.885, 0.320, 1.275)';
        $('#slider-with-blocks-1').royalSlider({
            queue: false,
            arrowsNav: true,
            arrowsNavAutoHide: false,
            fadeinLoadedSlide: false,
            controlNavigationSpacing: 0,
            controlNavigation: 'bullets',
            imageScaleMode: 'none',
            imageAlignCenter: false,
            blockLoop: true,
            loop: true,
            numImagesToPreload: 2,
            transitionType: 'move',
            keyboardNavEnabled: true,
            autoPlay: {
                enabled: true,
                delay: 8000,
                pauseOnHover: false,
                stopAtAction: false
            },
            block: {
                delay: 200
            }
        });
    });
</script>

jQuery（文档）.ready（函数（$）{
jQuery.rsCSS3Easing.easeaoutback='立方贝塞尔（0.175,0.885,0.320,1.275）'；
$（'#slider-with-blocks-1'）。royalSlider({
队列：false，
阿罗斯纳夫：是的，
arrowsNavAutoHide:错误，
fadeinLoadedSlide:false，
控件导航空间：0，
controlNavigation:“项目符号”，
imageScaleMode:“无”，
imageAlignCenter:false，
blockLoop：对，
循环：对，
numimagestopload:2，
transitionType:“移动”，
键盘导航已启用：true，
自动播放：{
启用：对，
延误：8000，
pauseonhaver:false，
stopAtAction:false
},
区块：{
延误：200
}
});
});

jQuery（document）.ready（）构造只是将事件处理程序注册到

文档

对象的

ondomready

事件中。（螺母和螺栓比这稍微微妙一些，但基本上是准确的。）

并且（对于此事件或任何其他事件），可以注册任意数量的处理程序

所以，是的，你可以按你的要求去做

检查JavaScript控制台以查看是否有运行时错误。

jQuery（document）.ready（函数（）{}）只是将其包装的执行推迟到文档准备就绪时

从文档（）中：

$（document）.ready（）中包含的代码只有在页面文档对象模型（DOM）准备好让JavaScript代码执行后才会运行

你想要的是：

jQuery(document).ready(function () {
    $('#countdown_dashboard1').countDown({
        queue: false,
        targetDate: {
            'day': 9,
                'month': 1,
                'year': 2016,
                'hour': 11,
                'min': 0,
                'sec': 0
        }
    });

 jQuery.rsCSS3Easing.easeOutBack = 'cubic-bezier(0.175, 0.885, 0.320, 1.275)';

 $('#slider-with-blocks-1').royalSlider({
            queue: false,
            arrowsNav: true,
            arrowsNavAutoHide: false,
            fadeinLoadedSlide: false,
            controlNavigationSpacing: 0,
            controlNavigation: 'bullets',
            imageScaleMode: 'none',
            imageAlignCenter: false,
            blockLoop: true,
            loop: true,
            numImagesToPreload: 2,
            transitionType: 'move',
            keyboardNavEnabled: true,
            autoPlay: {
                enabled: true,
                delay: 8000,
                pauseOnHover: false,
                stopAtAction: false
            },
            block: {
                delay: 200
            }
  });
});

?? 您可以拥有任意数量的“就绪”处理程序。库将按它们出现的顺序运行它们。请尝试将这两个函数放在同一个“就绪”块中，然后查看它们是否都运行。也许其中一个正在做一些您不期望的事情。我有点困惑，您是真的在谈论.ready函数还是两个jQuery版本？提示：您可以稍微简化此语法。而不是
jQuery（document）.ready（函数（$）{…}）
，只需编写
jQuery（函数（$）{…}）。从功能上讲，这两种方法是100%等效的——第二种方法更简洁一些。如果您发布一个包含所有代码（包括HTML）的JSFIDLE（或类似文件），您将得到更多有用的答案。