延迟不起作用后加载Bootstrap模式

Question

我正在开发一个cratejoy网站，我的客户端需要在一段时间后弹出一个模式。我添加了模态，当我使用它时它工作正常：

$('#myModal').modal('show');

但是当我尝试使用来自this page的这些答案中的任何一个时，它会得到未捕获的TypeError：$（...）。modal不是函数错误而模态是不弹出。你可以看到它不起作用here。

Answer 1

您正在加载多个版本的jQuery

除了带有它自己的脚本标签的明显版本之外，你的main.js文件也包含它。

因为它在bootstrap.js之后加载，所以它会覆盖整个jQuery对象并删除对原始版本中bootstrap的引用。这就是你得到错误的原因

选择要使用的jQuery版本，然后删除另一个版本。

确保在选定的选项

之后加载boostrap.js

Answer 2

首先，您需要在页面中链接到bootstrap.js并在jquery之后加载。

其次，您必须在最终body标记

之前将脚本放在脚本标记中

$(document).ready(function(){
   $('#myModal').modal('show');
}); 

为了延迟模态你可以这样做：

setTimeout(function(){
    $('#myModal').modal('show');
}, 5000)