Bootstrap：TypeError：$（…）。modal不是函数

我一直在尝试从jquery调用bootstrap模式并继续收到此错误消息：

TypeError: $(...).modal is not a function

这是我的代码：

       Error
 
  Quick Brown Fox Jumps Over The Lazy Dog

$('document').ready(function () { $('#btnTest').click(function () { $('#dummyModal').modal('show'); }); });

仅供参考，我使用bootstrap 3.3.5和jquery 1.11.3。我试过jQuery.noConflict(); ... etc jQuery.noConflict(); ... etc从这个线程但仍然没有运气。这是完整的代码

用这个。它会工作。我使用了bootstrap 3.3.5和jquery 1.11.3

 $('document').ready(function() { $('#btnTest').click(function() { $('#dummyModal').modal('show'); }); });

 body { background-color: #eee; padding-top: 40px; padding-bottom: 40px; }

        Modal Test          Error
 
  Quick Brown Fox Jumps Over The Lazy Dog

当我试图从jquery调用bootstrap模态时，我也遇到了同样的错误。但这是因为我们正在使用bootstrap模式，为此我们需要附加一个cdn bootstrap.min.js，这是

希望这会有所帮助，因为当我尝试使用jQuery调用bootstrap模式时我错过了

$('#button').on('click',function(){ $('#myModal').modal(); });

myModal是Bootstrap模式的id，当你调用click按钮弹出模式时，你必须给按钮一个click事件。

如果您正在使用任何布局页面，请在布局页面中从底部到头部移动脚本部分。 bcz，应首先加载javascript文件。这对我有用

Interesting Posts