jquery - SimpleModal 和 Bootstrap 模态之间的冲突

Question

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

我删除了 Bootstrap.min.js 并且 SimpleModal 工作正常。我删除了 jquery.simplemodal.js 和 Bootstrap 模式工作正常。我尝试调用 bootstrap 模式，如果 jquery.simplemodal.js 包含在 bootstrap.min.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>