Question

我有以下情况，我有很多脚本，彼此冲突。

我想使用类似的东西：

$Bootstrap3('.dropdown-toggle').dropdown();

对于jQuery（通常是$）。

已更新

我的任务是将Bootstrap添加到现有项目（css problem），我有bootstrap，Knockout，JQuery和其他一些脚本。

我想明确访问bootstrap - 代码，这样我就可以确保不会影响其他任何脚本（因为我不知道该项目，我不知道如何他们会对bootstrap.js做出反应）

我当前的脚本顺序（我现在没有错误，但项目很大，所以我不知道会发生什么）：

var bootstrap3 = new Bundle("~/Scripts/bundle/CoreScripts").Include(
// "~/Scripts/jquery/jquery-2.1.3.js",//used before, commented out
"~/Scripts/jquery-1.11.3.min.js",// what I added
"~/Scripts/bootstrap.min.js",// what I added
"~/Scripts/jquery.formatter/jquery.formatter-0.1.5.js",
"~/Scripts/jquery.ui/jquery.ui-1.11.3.js",
"~/Scripts/knockout/knockout-3.3.0.js",
"~/Scripts/knockout/knockout.mapping-2.4.1.js",
"~/Scripts/formvalidator.net/form-validator/jquery.form-validator.js",
"~/Scripts/iban/iban.js",
"~/Scripts/sweetalert/sweet-alert.js",
"~/Scripts/jsNumberFormatter/jsnumberformatter.js",
"~/Scripts/jsNumberFormatter/jsnumberformatter.locale.js",
"~/Scripts/jquery.jqGrid/i18n/grid.locale-de.js",
"~/Scripts/jquery.jqGrid/jquery.jqGrid.js");
bootstrap3.Orderer = new BundleOrderer();
bundles.Add(bootstrap3);

上面只显示了核心库。

像这样的$Bootstrap3(...)会很酷......而且我不想用于所有其他脚本，例如.noConlfict()

Answer 1

引导程序插件都有一个名为noConflict的方法，可以执行您正在寻找的内容。

// return $.fn.button to previously assigned value
var bootstrapButton = $.fn.button.noConflict()
// give $().bootstrapBtn the Bootstrap functionality
$.fn.bootstrapBtn = bootstrapButton

在此代码运行之后，$('#example').button()将成为加载引导程序之前的内容，$('#example').bootstrapBtn()将从引导程序插入。

为此，必须在名称冲突的文件之后加载引导程序JS文件。

仅使用Bootstrap3

1 个答案: