SimpleModal和Bootstrap模式之間的衝突

I將這兩個插件包含在同一頁面中，導致它們之間發生衝突。SimpleModal和Bootstrap模式之間的衝突

我刪除了Bootstrap.min.js和SimpleModal工作正常。我刪除了jquery.simplemodal.js和Bootstrap模態工作正常。我試圖調用如果jquery.simplemodal.js是bootstrap.min.js

我收到此錯誤Firebug的控制檯上，如果SimpleModal包括引導後

i.modal(...).one is not a function **..blah blah..** bootstrap.min.js (line 6)

來源

2014-07-22 vin

爲什麼不能只用一個模式？如果您的完整網站由Bootstrap支持，爲什麼不使用Bootstrap模型本身，因爲它與其他組件一樣好呢？ –

我在我的應用程序中有一個地方，如果我包含Bootstrap文件，整個頁面的用戶界面會受到干擾，所以我在該地點添加了SimpleModal，導致我在此頁面上添加了此模式。 – vin

但是你現在已經完全瞭解整個事情了。 –

可以在前其中包括引導工作模式在這裏定製由Bootstrap提供的js：http://getbootstrap.com/customize/。在JavaScript組件部分中不要使用「Modals」，你應該很好地使用SimpleModal而不會與Bootstrap模式發生衝突。

來源

2014-07-22 12:48:37

如何自定義引導程序僅適用於Modal和CSS類相關莫代爾唯一？ – vin

1.在Less files部分點擊'Toggle'（它將取消選擇所有內容） 2.在Less文件 - > JavaScript組件中選擇'Modals' 3.點擊jQuery插件部分的'Toggle'（它將取消所有選擇） 4 。在jQuery插件中選擇'Modals' - >鏈接到組件 5.在頁面底部點擊編譯和下載 –

使用the noConflict feature of Bootstrap's JS plugins，例如：

<script src="bootstrap.min.js"></script> 
<script> 
    var bsModal = $.fn.modal.noConflict(); 
</script> 
<script src="SimpleModal.js"></script>

來源

2014-07-23 08:25:30 cvrebert

它顯示了我在這個問題中提到的同樣的錯誤:( – vin

@vin你是否使用Bootstrap v3.2.0 ？ – cvrebert

它的Bootstrap 2.3.1 – vin

SimpleModal和Bootstrap模式之間的衝突

回答

相關問題