相关疑难解决方法(0)

我有一个bootstrap 2.32模式,我试图动态插入到另一个视图的HTML中.我正在使用Codeigniter 2.1.以下动态插入引导模式局部视图到视图中,我有:

<div id="modal_target"></div>

作为插入的目标div.我的视图中有一个按钮,如下所示:

     <a href="#message" class="btn btn-large btn-info" data-action="Message" data-toggle="tab">Message</a>

我的JS有:

$.ajax({
    type    : 'POST', 
    url     : "AjaxUpdate/get_modal",
    cache   : false,
    success : function(data){ 
       if(data){
            $('#modal_target').html(data);

            //This shows the modal
            $('#form-content').modal();
       }
    }
});

主视图的按钮是:

<div id="thanks"><p><a data-toggle="modal" href="#form-content" class="btn btn-primary btn-large">Modal powers, activate!</a></p></div>

这是我想要作为局部视图单独存储的内容:

<div id="form-content" class="modal hide fade in" style="display: none;">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Send me a message</h3>
    </div>
    <div class="modal-body">
        <form class="contact" name="contact">
             <fieldset>

               <!-- Form Name -->

            <legend>modalForm</legend>

            <!-- …

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

<a class="btn" data-controls-modal="my-modal" >Launch Modal</a>

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

$('#close_popup').click(function(){
    $('#rules').modal('toggle');    
});

我收到一个javascript错误:

bootstrap模态不是一个函数

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