我意识到这个问题已经被问过几次了,但之前问题中的解决方案都没有解决我的问题。
我正在尝试使用以下内容隐藏模态:$('#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')
事件上被调用
如果您进入开发人员控制台,它就工作了,这意味着文档准备问题或javascript放置问题。
试试这个来确认一下。
$(function(){
$('#modal').modal('hide');
});
如果这是有效的,那么文档准备问题。
另一个是你应该在jquery-ui.js.之后使用这个$('#modal').modal('hide');
请提供您的代码样本以供进一步调查。