加载启动模式后延迟不工作

Loading Bootstrap modal after delay not working

本文关键字：工作 延迟 启动 模式 加载      更新时间：2023-09-26

我在一个createjoy网站上工作，我的客户需要一个模态在一段时间后弹出。我添加了模态，当我使用它时，它工作得很好:

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

但是当我尝试使用这些答案中的任何一个从这个页面，它得到一个Uncaught TypeError: $(…)。模态不是函数错误，模态不弹出。

首先，你需要在你的页面中有一个指向bootstrap.js的链接，并在jquery之后加载。

第二，你必须把脚本放在结束前的脚本标签body标签

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

如果要延迟模态，你可以这样做:

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

正在加载多个版本的jQuery

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

因为它在bootstrap.js之后加载，所以它覆盖了整个jQuery对象并删除了原始版本中对bootstrap的引用。这就是为什么会出现如下的错误

选择要使用的jQuery版本，并删除其他版本。

确保boostrap.js在选择

之后加载
相关文章：