SimpleModal与Bootstrap模式的冲突

Question

我有这两个插件包括在同一页，这是导致他们之间的冲突。

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

如果在启动后包含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/。取消勾选JavaScript组件部分中的"Modals“，您应该可以很好地使用SimpleModal，而不会与Bootstrap模式冲突。