Javascript nivo滑块和滑动转盘不能一起工作的问题——jquery

我似乎无法让nivo slider和slick carousel（）在我的网站上协同工作。我认为何时/如何提取jquery脚本是一个问题，但由于我的javascript知识非常有限，我不知道如何修复它

正如您所看到的，最初我在文档末尾有jquery脚本

<?php wp_footer(); ?>
<!-- <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> -->
<!-- <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> -->

<script type="text/javascript" src="/wp-content/slick-1.3.13/slick/slick.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('.rotator').slick({
           infinite: true,
           slidesToShow: 3,
           slidesToScroll: 1
        });
    });
</script>
</body>
</html>

$（文档）.ready（函数（）{
$（'.rotator'）。光滑({
无限：是的，
幻灯片放映：3，
幻灯片滚动：1
});
});

但事实证明，jquery在这里导致nivo滑块无法工作

我似乎不知道我的主题中的哪个PHP文件拉入了jquery脚本，但我知道它被拉入了某个地方，因为nivo滑块正在工作，这在源代码中显示：

<script type="text/javascript" src="/wp-includes/js/jquery/jquery.js?ver=1.11.1"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1"></script>

我知道问题不在于我如何在页面上实现光滑的旋转木马，因为在我注释掉上面第一个代码块中的行之前，它一直在工作

---

非常感谢您的帮助。

您在控制台中遇到错误。Wordpress使用

jQuery.noConflict（）因此，
$
将是未定义的

这样使用：

    jQuery(document).ready(function($) {
        $('.rotator').slick({
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 1
        });
    });

控制台中有一个错误。Wordpress使用
jQuery.noConflict（）因此，
$
将是未定义的

这样使用：

    jQuery(document).ready(function($) {
        $('.rotator').slick({
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 1
        });
    });

控制台中有一个错误。Wordpress使用
jQuery.noConflict（）因此，
$
将是未定义的

这样使用：

    jQuery(document).ready(function($) {
        $('.rotator').slick({
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 1
        });
    });

控制台中有一个错误。Wordpress使用
jQuery.noConflict（）因此，
$
将是未定义的

这样使用：

    jQuery(document).ready(function($) {
        $('.rotator').slick({
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 1
        });
    });

由于wordpress正在使用“jQuery.noConflict（）；”“$未定义

您需要使用以下各项：

 jQuery(document).ready(function($){ //jQuery passed in as first param, so you can use $ inside
        $('.rotator').slick({
 infinite: true,
 slidesToShow: 3,
 slidesToScroll: 1
        });
    });

由于wordpress正在使用“jQuery.noConflict（）；”“$未定义

您需要使用以下各项：

 jQuery(document).ready(function($){ //jQuery passed in as first param, so you can use $ inside
        $('.rotator').slick({
 infinite: true,
 slidesToShow: 3,
 slidesToScroll: 1
        });
    });

由于wordpress正在使用“jQuery.noConflict（）；”“$未定义

您需要使用以下各项：

 jQuery(document).ready(function($){ //jQuery passed in as first param, so you can use $ inside
        $('.rotator').slick({
 infinite: true,
 slidesToShow: 3,
 slidesToScroll: 1
        });
    });

由于wordpress正在使用“jQuery.noConflict（）；”“$未定义

您需要使用以下各项：

 jQuery(document).ready(function($){ //jQuery passed in as first param, so you can use $ inside
        $('.rotator').slick({
 infinite: true,
 slidesToShow: 3,
 slidesToScroll: 1
        });
    });

@mudasobwa这样做会使光滑的旋转木马工作，但会破坏nivo滑块。@mudasobwa这样做会使光滑的旋转木马工作，但会破坏nivo滑块。@mudasobwa这样做会使光滑的旋转木马工作，但会破坏nivo滑块。@mudasobwa这样做会使光滑的旋转木马工作，但会破坏nivo滑块。我将脚本更新为抱歉，我忘记将第一个
$
更改为
jQuery
。检查我的最新答案。现在应该可以了。我将脚本更新为如上所述，网站外观没有任何变化。对不起，我忘记将第一个
$
更改为
jQuery
。检查我的最新答案。现在应该可以了。我将脚本更新为如上所述，网站外观没有任何变化。对不起，我忘记将第一个
$
更改为
jQuery
。检查我的最新答案。现在应该可以了。我将脚本更新为如上所述，网站外观没有任何变化。对不起，我忘记将第一个
$
更改为
jQuery
。检查我的最新答案。现在应该可以了。