bootstrap modal关闭的问题

Question

我的js里新建一个modal层：

var dialog = $('<div id="person_modal" class="modal fade"><div class="modal-dialog">'
            +'<div class="modal-content"><div class="modal-header"><button type="button" class="close" '
            +'data-dismiss="modal" aria-hidden="true">&times;</button>'
            +'<h4 class="modal-title">选择人员</h4></div><div class="modal-body">'
            +'<p>One fine body&hellip;</p></div></div>'
            +'</div></div>');

$.get('<%=path%>/selectPersonTemplate.jsp').done(function(html){
            dialog.modal({
                keyboard:false
            }).on({
                'hidden.bs.modal': function(){
                    $(this).remove();
                }
            }).find('.modal-body').html(html);

在selectPersonTemplate.jsp页面里我有一个确定按钮，选择一个人之后点击确定按钮把选中的人员信息返回到之前的页面上，但是这个时候我新建的这个modal为何关闭不了了？我是

$('#person_modal').modal('hide');

这么写的，如何能关闭？我脑袋瓜已经懵了，求大神给我一句js，多谢！

Answer 1

我也遇到了这个问题啊