javascript - $(...).modal 不是模块中的函数

Question

我意识到这个问题已被问过几次，但之前问题中的解决方案都没有解决我的问题。

我试图使用以下方法隐藏模式: $('#modal').modal('隐藏')

但我得到: $(...).modal 不是函数 在控制台中。

但是，如果我进入开发者控制台并输入: $('#modal').modal('隐藏') 完美运行

我通过 index.html 中的 CDN 获取 jQuery/bootstrap，并检查了导入的顺序并检查了 jQuery 的多个导入。

编辑:我的 jQuery/bootstrap 脚本正在 index.html 的顶部加载，JS 模块包含在页面的底部，因此顺序似乎是正确的。 $('#modal').modal('hide') 正在 $(window).on('resize') 事件上调用

Answer 1

如果您进入开发者控制台并且它有效，则意味着存在文档准备问题或 JavaScript 放置问题。

只需尝试此操作即可确认。

$(function(){
   $('#modal').modal('hide');
});

如果这有效，则文档已准备好问题。

另一个是你应该在 jquery-ui.js 之后使用这个 $('#modal').modal('hide'); 。

请提供您的代码示例以供进一步调查。