conflit jquery wordpress 引导程序答案

【问题标题】：conflit jquery wordpress bootstrapconflit jquery wordpress 引导程序
【发布时间】：2015-02-06 11:20:58
【问题描述】：

我在 WordPress 主题中使用引导程序，但 wp-include 文件夹中的 jQuery 与我的主题 jQuery 之间存在冲突

这是我的函数 jQuery，需要 bootstrap.min.js 和 jquery.js

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

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

我该如何解决这个问题？

【问题讨论】：

“冲突”是什么？您遇到了什么错误，实际问题是什么？
Query和'use strict',应该是'use strict';是什么
问题是我在控制台中没有显示错误

标签： jquery wordpress twitter-bootstrap

【解决方案1】：

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

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

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

【讨论】：

感谢您现在这样回复我的代码 "var $j = jQuery.noConflict(); // $j 是 jQuery 函数的别名 $j(document).ready(function() { //#main-slider $('#main-slider.carousel').carousel({ interval: 8000 }); });"" 我在 "$('#main-slider .carousel').carousel({"
$j 应该是所有 $ 的别名。这意味着您需要在 $j 上替换代码中所有出现的 $

【解决方案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
   });
});

【讨论】：

然后你需要包含你的 HTML。

【解决方案3】：

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

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

【讨论】：