SimpleModal和Bootstrap模式之间的冲突

Question

我将这两个插件都包含在同一页面中，导致它们之间发生冲突。

我删除了Bootstrap.min.js，SimpleModal运行正常。 我删除了jquery.simplemodal.js和Bootstrap模式工作正常。 我尝试调用bootstrap模式，如果在bootstrap.min.js之前包含jquery.simplemodal.js，该模式有效。

如果在Bootstrap

之后包含SimpleModal，我在Firebug控制台上收到此错误

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

Answer 1

使用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>

Answer 2

您可以在此处自定义Bootstrap提供的js：http://getbootstrap.com/customize/。 Untick＆＃34; Modals＆＃34;在JavaScript Components部分，你最好使用SimpleModal而不与Bootstrap模式冲突。