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

Question

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

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

  

未捕获的TypeError：对象[object Object]没有方法'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
     });