如何在 AJAX 成功函数中使用 jQuery 或 JavaScript 隐藏 Bootstrap 3 模式

Question

我在我的 AJAX 成功函数中使用 $('#myModal').modal('hide'); 试图隐藏 Bootstrap 3 modal。

问题是，我的模式没有隐藏。检查我得到的控制台：

Uncaught TypeError: Object [object Object] has no method 'modal'

这个错误是什么意思？如何在我的 AJAX 成功函数中使用 jQuery 或 JavaScript 来隐藏模式？

更新及解决方案：

原来这是一个 jQuery 冲突问题。

我没有正确地将引导 JavaScript 加入队列。我应该使用 wp_enqueue_scripts 而不是按照 Bootstrap 3 文档中的建议直接在我的文档头中引用脚本。直接引用 jQuery 和 Bootstrap JS 脚本适用于非 WordPress 安装 - 但与 WP 使用的内置 jQuery 冲突。很抱歉没有提到我一开始就使用 WordPress - 我认为这些信息不相关。

感谢大家的帮助，尤其感谢 @gustavo-rubio 和 @pdoherty926 朝正确方向推进。

Answer 1

试试这个，不要在没有模态插件的情况下使用自定义 bootstrap.js：

 $('#myModal').modal({
         show: false
     });