SimpleModal 和 Bootstrap 模式之间的冲突

Question

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

我删除了 Bootstrap.min.js 并且 SimpleModal 工作正常。我删除了 jquery.simplemodal.js 并且 Bootstrap 模态工作正常。如果在 bootstrap.min.js 之前包含 jquery.simplemodal.js，我尝试调用 bootstrap modal

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

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

Answer 1

使用Bootstrap 的 JS 插件的noConflict特性，例如：

<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 模式发生冲突。