bootstrap模态不是一个函数

Yur*_*eev 27 twitter-bootstrap

我正在使用twitter bootstrap模式对话框.并且只有打开它才能正常工作

<a class="btn" data-controls-modal="my-modal" >Launch Modal</a>
Run Code Online (Sandbox Code Playgroud)

但是当我尝试类似的东西时

$('#close_popup').click(function(){
    $('#rules').modal('toggle');    
});
Run Code Online (Sandbox Code Playgroud)

我收到一个javascript错误:

bootstrap模态不是一个函数

此外.据我所知,链接.close必须关闭窗口而不是.我做错了什么?

Etc*_*tch 64

我不知道你是否已经想通了这个问题或不是,这是一个几个月前,当你问的问题,但我遇到了同样的问题来了,它必须与其他插件冲突的事情,所以我将发布未来查询的解决方案.

这是我为解决这个问题所做的一个例子.

function ShowImageInModal(path) {
    jQuery.noConflict();
    (function ($) {
        $('#modalImage').removeAttr("src").attr("src", path);
        $('#myModal').modal('show');
    }
    )(jQuery);
}
Run Code Online (Sandbox Code Playgroud)

  • +1就此而言.在*$('#myModal')之前,我需要添加的是*jQuery.noConflict()*.modal('show')*谢谢. (10认同)

小智 12

可能是名称空间冲突,只需这样做......

jQuery(document).ready(function($) {
    $('#myModal').modal('toggle');
});
Run Code Online (Sandbox Code Playgroud)