如何使用 jQuery 打开模式（引导程序）？

Question

这是我的模态

<div class="modal hide fade" id="loader">  
              <div class="modal-dialog">
                  <div class="modal-content" style="margin-top:240px;">
                      <div class="modal-body">     
                          <input  type="range" id="loaderd"   min="-50" max="0">
                      </div>     
                  </div>
              </div>
           </div>  

和 JQuery

$('#loader').modal('show');

出现的错误是

Uncaught TypeError: $(...).modal is not a function  @ ssss.js:546onclick @ ssss.htm:1

有什么问题？正在使用这样的按钮

<img id="volumeClickedMiniPlayer" src="img/volume.png"  width="25px" height="25px" data-toggle="modal" data-target="#loader">

Answer 1

查一下一些要点..

1.首先检查是否添加了bootstrap库。

2.如果添加，则在包含 bootstrap 的 javascript之前检查是否包含 jQuery 。因为 bootstrap 实际上需要 jQuery。

3.检查您是否多次包含库

例如

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="/path/to/bootstrap/js/bootstrap.min.js"></script>

并执行以下操作：

$(window).load(function() {

jQuery.noConflict();
    $('#loader').modal('show');
});

如果它现在还不起作用.. 则删除 jquery 和 bootstrap 库并使用bootstrap 3.3.5 和 jquery 1.11.3。