我似乎无法让 nivo slider 和光滑的轮播 ( http://kenwheeler.github.io/slick/ ) 在我的网站上协同工作。我认为这是何时/如何提取 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>
但事实证明,这里的 jquery 导致 nivo slider 无法工作。
我似乎无法弄清楚我的主题中的哪个 PHP 文件确实拉动了 jquery 脚本,但我知道它正在被拉动到某个地方,因为 nivo slider 正在工作并且这显示在源代码中:
<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
});
});
关于javascript - nivo slider 和光滑的轮播不能一起工作的问题 -- jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27274324/