如何使用jQuery打开模式(引导程序)?

这是我的情态

<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">
艾玛·辛格(Amar Singh)

挑出一些要点..

1.首先检查是否添加了引导程序库。

2.如果添加了,则请包含引导程序的javascript之前检查是否包含jQuery由于引导程序实际上需要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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

引导程序模式未打开

无法打开模式引导程序

如果通过Ajax加载引导程序,如何在引导程序中打开模式?

PHP文件打开,而不是引导程序模式

如何使用jquery .load打开模式

如何使用 jQuery 填充引导程序多选

如何使用jQuery刷新引导程序模态

如何创建密码登录模式,单击提交按钮并使用引导程序3打开另一个包含链接的模式

如何使用引导程序显示模式对话框

如何使用箭头键上下滚动引导程序模式

如何使用Ajax将数据获取到模式引导程序?

如何使用哈希值使用jQuery打开引导模态?

如何在引导程序模式框中使用引导程序确认?

引导程序模式打开时如何更改背景不透明度

Twitter引导程序:如何在输入焦点上打开模式窗口?

如何在引导程序模式弹出窗口中打开aspx页面

如何在流星js中捕获引导程序模式打开/关闭事件

如何在不触发事件的情况下打开/关闭引导程序模式?

如何通过单击链接在引导程序模式下打开特定的可折叠面板

通过条形码扫描仪提交表单后如何打开引导程序模式框

打开引导程序模式对话框时不要使用blockUI

如何在 jQuery 中获取最后一个打开的引导模式对话框的 ID?

如何识别打开引导程序模态的元素?

Angular 2-打开/关闭默认引导程序模式

在新标签页中打开引导程序模式

ngx引导程序通过路由打开模式

引导程序模式正在打开,但未显示任何数据

引导程序模式打开时选择文本输入

引导程序模式打开但不可见