Question

我知道这个问题已经问过几次了，但是以前的问题都没有解决方案。

我正在尝试使用以下方法隐藏模式： $('#modal').modal('hide')

但得到： $(...).modal is not a function 在控制台中。

但是，如果我进入开发者控制台并输入： $('#modal').modal('hide') 效果完美

我正在通过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');。

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