nivo滑块和光滑的轮播无法协同工作的问题 - jquery
Issue with nivo slider and slick carousel not working together -- jquery
我似乎无法让 nivo 滑块和光滑的轮播 (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 滑块不起作用。
我似乎无法弄清楚我的主题中的哪个 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($){ //jQuery passed in as first param, so you can use $ inside
$('.rotator').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1
});
});
相关文章:
- AngularJS指令意外地协同工作
- 让两个 jquery 脚本像它们应该的那样协同工作
- 数据表 + 列搜索 + 整体搜索协同工作 + 服务器端处理
- Rcharts 和 D3 图不能协同工作
- 如何让、要求和原型协同工作以在 javascript 中制作对象
- react如何与修改html的javascript ui组件协同工作
- 不正确的工作jquery插件bxslider与插件elevatezoom
- 使list.js和react.js协同工作
- 如何使jquery与ajax协同工作
- Backbone.js应用程序使用CommonJS结构与node.js和客户端协同工作
- 如何组合关键代码以在javascript中协同工作
- 让PHP、Form和Javascript协同工作
- JavaScriptjQueryappendTo和插件协同工作
- 如何让两个JS/Jquery插件协同工作
- 让 jquery 和 css 过渡效果协同工作
- nivo滑块和光滑的轮播无法协同工作的问题 - jquery
- jQuery UI 可排序和内容可编辑=true 不协同工作
- JQuery 可排序、可拖动和可拖放不协同工作
- JQuery函数以及它们如何协同工作(after(),$(this).next().html())
- 需要编写涉及Jquery.hooper和Jquery.hoopIntent的代码才能协同工作吗