Question

我正在使用Bootstrap和jQuery，并且我已经使用文本属性使模态内容正常工作以触发打开。

但是，我试图从另一个脚本关闭开放模式窗口，我收到错误modal is not defined：

modals.js:94 Uncaught TypeError: $(...).modal is not a function(anonymous function) @ modals.js:94dispatch @ jquery.min.js:3r.handle @ jquery.min.js:3
modals.js:86 Object {__ob__: Observer, __v-for__1: Fragment}

代码如下所示：

$('#mymodal').modal('hide');

js文件的加载顺序为：

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script>
<script src="/modals.js" type="text/javascript"></script>

如果模态窗口在data-toggle="modal"调用中正常工作，如何定义模态？

Answer 1

可能其他脚本会重写bootrap模态函数$.fn.modal

如果确实如此，您需要解决冲突：

var bootstrapModal = $.fn.modal.noConflict();
$.fn.bootstrapModal = bootstrapModal;
$('#mymodal').bootstrapModal('hide');

Answer 2

经过大量的敲击之后，这是由于另一个版本的jQuery是通过我不知道的凉亭安装导入的。一旦我知道在哪里看，它是一个简单的解决方案，删除这个重复的jQuery，该网站按预期工作。

bootstrap和jquery模式失败

2 个答案: