我使用引导到一个WordPress主题,我有jQuery的之间的冲突WP-include文件夹和我的主题的jQuery
这是一个需要bootstrap.min.js和jquery.js和我的jQuery的功能
jQuery(function($) {'use strict',
//#main-slider
$(function(){
$('#main-slider.carousel').carousel({
interval: 8000
});
});
});
我怎么能解决这个问题呢?
你必须把jQuery的到没有冲突模式与其他JS库一起使用。 例如:
var $j = jQuery.noConflict();
// $j is an alias to the jQuery function
$j(document).ready(function() {
// ...
});
您的代码是凌乱和你重新定义了什么$
符号表示。
如果你真的想重新定义了jQuery $
您可以使用.noConflict
方法。
jQuery.noConflict();
确保你的选择也是正确的#main-slider.carousel
会选择看起来像下面的元素<div id="main-slider" class="carousel">
选择器#main-slider
将达到同样的效果。
我建议你包括你的问题的一些HTML。 如果做不到这一点下面的代码是回答我的最好的尝试。
尝试以下方法:
'use strict';
jQuery.noConflict(); // If you wish to remove the jQuery '$'.
jQuery(function(){
jQuery('#main-slider').carousel({
interval: 8000
});
});
一个脚本最简单的方法是:
(function($){
$(function()){
//yours code
});
}(jQuery));