争端中的jQuery WordPress的引导(conflit jquery wordpress b

2019-10-21 19:39发布

我使用引导到一个WordPress主题,我有jQuery的之间的冲突WP-include文件夹和我的主题的jQuery

这是一个需要bootstrap.min.js和jquery.js和我的jQuery的功能

jQuery(function($) {'use strict',

//#main-slider
$(function(){
    $('#main-slider.carousel').carousel({
        interval: 8000
    });
}); 
});

我怎么能解决这个问题呢?

Answer 1:

你必须把jQuery的到没有冲突模式与其他JS库一起使用。 例如:

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

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


Answer 2:

您的代码是凌乱和你重新定义了什么$符号表示。

如果你真的想重新定义了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 3:

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

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


文章来源: conflit jquery wordpress bootstrap