獨家使用Bootstrap3

我有以下情況，我有很多腳本，它們相互衝突。獨家使用Bootstrap3

我想用這樣的事情：

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

而jQuery的（通常$）。

修訂

我的任務是引導添加到現有項目（css problem），我有bootstrap，Knockout，JQuery和某些其它腳本。

我想訪問bootstrap -code explicit，這樣我就可以確保沒有其他腳本會受到影響（因爲我不知道該項目，並且我不知道它們將如何與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()

來源

2015-11-26 99999

他們以哪種方式衝突？我曾經看過20-30個腳本的頁面，沒有任何衝突，所以也許你應該修復一些代碼。 – Yuri

mhhh，可以做些什麼... – 99999

爲什麼你不只是學習如何使用CSS和JavaScript自己做？ – Rob

引導程序插件都有一個名爲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文件必須在名稱衝突之後加載。

來源

2017-12-15 01:16:54 Brett

獨家使用Bootstrap3

回答

相關問題