conflit jquery wordpress bootstrap
我正在使用bootstrap到WordPress主题,我在wp-include文件夹中的jQuery和我的主题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
将选择一个类似于以下
的元素。 选择器#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));