gpt4 book ai didi

javascript - 未捕获的类型错误 : undefined for Bootstrap Modal

转载 作者:行者123 更新时间:2023-12-03 11:50:34 25 4
gpt4 key购买 nike

查看代码:

<div class="modal fade" id="warning_modal">
...
</div>

Javascript:

if (<%= flash[:warning] %> === true ) {
console.log("it's now in the function")
$('#warning_modal').modal({
show: true,
keyboard: true
});
}

我的 console.log 运行,错误出现在 $('#warning_modal').modal({ 行,它显示 Uncaught TypeError: undefined不是一个函数。可能是什么原因导致的?

注意:我在 application.js 文件中需要 bootstrap.js ,如下所示,但这似乎是一个加载问题,因为在控制台中, $('#warning_modal') 找到对象,但 $('#warning_modal').modal 返回未定义

//= require jquery
//= require jquery_ujs
//= require_tree .
//= require bootstrap.js

此外,我尝试通过 CDN 添加 bootstrap.js,但它也不起作用。

<head>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" rel="stylesheet">
</head>

最佳答案

您的模式需要 id="warning_modal",而不是 Submit_modal

html:

<div class="modal fade" id="warning_modal">
...
</div>

代码:

if (<%= flash[:warning] %> === true ) {
console.log("it's now in the function")
$('#warning_modal').modal({
show: true,
keyboard: true
});
}

根据您的更新,请尝试以下顺序:

尝试这个顺序:

//= require jquery
//= require jquery_ujs
//= require bootstrap.min
//= require_tree .

关于javascript - 未捕获的类型错误 : undefined for Bootstrap Modal,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25858319/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com