使用 Bootstrap modal出现的奇葩问题

千秋一寸心
  • 172

使用 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')

  })

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

回复
阅读 1.9k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏