Jquery 引导:类型错误:$(…)。模式不是函数
我一直试图从jquery调用引导模式,并不断收到以下错误消息:Jquery 引导:类型错误:$(…)。模式不是函数,jquery,twitter-bootstrap,twitter-bootstrap-3,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,我一直试图从jquery调用引导模式,并不断收到以下错误消息: TypeError: $(...).modal is not a function 这是我的密码: <button id="btnTest" class="btn btn-default">Show Modal</button> <div id="dummyModal" role="dialog" class="modal fade"> <div class="modal-dial
TypeError: $(...).modal is not a function
这是我的密码:
<button id="btnTest" class="btn btn-default">Show Modal</button>
<div id="dummyModal" role="dialog" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" data-dismiss="modal" class="close">×</button>
<h4 class="modal-title">Error</h4>
</div>
<div class="modal-body">
<p>Quick Brown Fox Jumps Over The Lazy Dog</p>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="/js/bootstrap.js"></script>
<script type="text/javascript">
$('document').ready(function () {
$('#btnTest').click(function () {
$('#dummyModal').modal('show');
});
});
</script>
显示模式
&时代;
错误
敏捷的棕色狐狸跳过了懒狗
接近
$('document').ready(函数(){
$('#btnTest')。单击(函数(){
$('dummyModal').modal('show');
});
});
仅供参考,我使用bootstrap 3.3.5和jquery 1.11.3。我试过jQuery.noConflict()。。。etc
来自,但仍然没有运气。这是使用这个的方法。
它会起作用的。
我使用了bootstrap3.3.5
和jquery1.11.3
$('document').ready(函数(){
$('#btnTest')。单击(函数(){
$('dummyModal').modal('show');
});
});代码>
正文{
背景色:#eee;
填充顶部:40px;
填充底部:40px;
}
模态试验
显示模态
&时代;
错误
敏捷的棕色狐狸跳过了懒狗
接近
如果您使用的是任何布局页面,请在布局页面中将脚本部分从底部移动到顶部。bcz,应首先加载javascript文件。这对我很有效当我试图从jquery调用引导模式时,我也遇到了同样的错误。但这是因为我们使用的是bootstrap模式,为此我们需要附加一个cdn bootstrap.min.js
希望这会有所帮助,因为当我试图使用jQuery调用bootstrap modal时,我错过了这一点
$(“#按钮”)。在('click',function()上{
$('#myModal').modal();
});代码>
myModal
是引导模式的id
当你调用click按钮时,你必须给一个按钮一个click事件,一个弹出模式将被显示。我得到了相同的错误,因为jquery CDN(
)在HTML头中添加了两次。两次添加jquery*.js文件引用也会导致问题。它可能是您的捆绑包的一部分,您也可能已将其添加到页面中。因此,您需要删除额外的引用,如为什么要使用jQuery1.x?IE支持?javascript文件加载正确吗?不管怎样,你读过了吗?还有一部分是关于情态动词的…@dingo_d嗯,不,不是真的,我只是在测试这个。它与jquery 1.x不兼容吗?@dvhh是的,所有内容都加载正确。这个答案太错误了。不应该首先加载Javascript。对不起,如果您想在jquery中使用模态函数,首先需要加载jquery文件。怎么会错呢?我明白了,在页面开头写脚本的问题是阻塞。在下载、解析和执行脚本之前,浏览器必须停止处理页面。原因很清楚,这些脚本可能会在页面中插入更多内容,从而改变呈现结果,也可能会删除不需要呈现的内容,等等。但有时需要在加载页面之前加载一些脚本,但是在这种情况下,我会寻找一种异步加载脚本的方法,我想@Siva也是这样