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

我一直试图从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-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" data-dismiss="modal" class="close">&times;</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也是这样