conflit jquery wordpress bootstrap

Question

我正在使用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
    });
}); 
});

我该如何解决这个问题？

Answer 1

您的代码很乱，您重新定义$符号的含义。

如果您真的希望重新定义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
   });
}); 

Answer 2

您必须将jQuery置于无冲突模式才能与其他JS库一起使用。例如：

var $j = jQuery.noConflict();
// $j is an alias to the jQuery function

$j(document).ready(function() {
    // ...
});

Answer 3

一个脚本的最简单方法是：

(function($){
    $(function()){
        //yours code
    });
}(jQuery));