Question

在我的应用程序中，我想在ajax请求完成后手动关闭引导模式视图。我在回调中呼叫jQuery('#myModal').modal('hide');，

function(){                                       
   jQuery('#myModal').modal('hide');
}

但模态视图不会隐藏。我仔细检查了我在Bootstrap之前包含jQuery，所以问题不在那里。

我总是收到以下错误：

TypeError: 'undefined' is not a function (evaluating 'jQuery('#myModal').modal('hide')')

模态看起来像这样：

   <!-- Modal -->
<div aria-hidden="false" aria-labelledby="modalInviteFlatmateLabel" role="dialog" tabindex="-1" class="modal hide fade in" id="myModal">
    <form id="add-flatmate-form" action="/flatmates/show" method="post">    
    <div class="modal-header">
        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
        <h3 id="modalInviteFlatmateLabel">Invite Flatmate</h3>
    </div>
    <div class="modal-body">
        <p>
            Enter the mail address of your flatmate you want to invite.
        </p><br />
        <input placeholder="E-Mail" class="input-block-level" name="AddFlatmateForm[email]" id="AddFlatmateForm_email" type="text" />    </div>
    <div class="modal-footer">
        <input class="btn btn-primary" type="submit" name="yt0" value="Invite" id="yt0" />        <!--<button class="btn btn-primary">Invite</button>-->
    </div>
    </form>
</div><!--#myModal-->

其他信息：

jQuery版本：1.9.1，
Bootstrap版本：2.3.2

有什么想法吗？

Answer 1

现在已经晚了，但我希望这会有所帮助。确保在自定义脚本之前包含jQuery库，并且Firebug的Net选项卡中没有错误（确保jQuery实际上已加载）。在firebug中测试你的javascript代码，当准备好添加到你的实际代码时，你可以把它称为anounymous函数：

(function ($) {
   $(document).ready(function(){
     //your code
     ('# id of the modal element to close ').modal('hide')
   });
//your code
}(jQuery));

您可以查看此视频link to tutorial，我认为他们对调试过程有很好的了解。

jQuery Bootstrap：“TypeError：'undefined'不是一个函数（评估'jQuery（'＃myModal'）。modal（'hide'）'）

1 个答案: