TypeError: $(...).modal 不是一个函数

36 阅读1分钟

$(…).modal is not a function 通常是因为脚本以 错误的顺序加载引起的 。浏览器将按照找到它们的顺序执行脚本。如果在脚本中你尝试访问尚未 到达的元素, 那么你将收到错误消息。确保你没有高于它需要的脚本。

model-error.png

引导程序:类型错误

例如,bootstrap 依赖于 jQuery,因此必须首先引用 jQuery。因此,你必须调用 jquery.min.js,然后调用 bootstrap.min.js ,如下所示:

引导程序.js

bootstrap-error.png

bootstrap Modal 错误 实际上是你在调用 modal 函数之前没有包含 bootstrap 的 javascript 的结果 。 模态是在 bootstrap.js 中定义的,而不是在 jQuery中定义的。同样重要的是要注意 bootstrap 实际上需要 jQuery 来定义 模态函数,因此在包含 bootstrap 的 javascript 之前包含 jQuery 是至关重要的。为避免此类错误,请确保 在调用模态函数之前先包含 jQuery,然后包含 bootstrap 的javascript 。

插件依赖

一些插件和 CSS 组件 依赖于其他插件。如果你单独包含插件,请确保 在文档中检查这些依赖项。 另请注意,所有插件都依赖于 jQuery (这意味着 jQuery 必须包含在插件文件之前)。

多个 jQuery 实例

multiple-instances.png

如果在代码中多次声明jQuery , 有时也会显示此警告 。第二个 jQuery 声明阻止 bootstrap.js 正常工作。问题是由于 jQuery 实例不止一次 。如果你将许多文件与 jQuery 的多个实例一起使用,请小心。只需保留一个 jQuery 实例,你的代码就可以运行。