使用 Bootstrap modal出现的奇葩问题

Question

使用 Bootstrap modal ，模态框内的modal-body内容为通过load方法引入，引入的的页面里面有按钮，首次调用模态框是按钮的点击事件可以触发，重复调用时无法触发该按钮的点击事件

模态框调用方法，这个方法在iframe里面调用，

function modalOut(id, url, title, width) {
    $("#" +id).modal({backdrop:'static'}).
    find('.modal-body').empty().load(url) ;
    $("#" +id+" .subfild span").text(title);
    $("#" +id +" .modal-dialog").css({'width':width});
}

//调用模态框在主页面打开
 $('.del-btn').on('click',function () {
       window.parent.modalOut('delModal','delModal.html','确认信息');
  });

// delModal.html 页面关闭模态框
$('#sureBtn').on('click',function () {

     $("#delModal").modal('hide')

  })

除了第一次调用可以关闭模态框，后面都不关闭模态框