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



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

我正在尝试使用以下内容隐藏模态:$('#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');

请提供您的代码样本以供进一步调查。

最新更新