Bootstrap模態窗口

  • 打開模態窗口

$("#id").modal();//id:模態窗口id
  • 關閉模態窗口並去除遮罩

$("#id").modal('hide');//id:模態窗口id
$(".modal-backdrap").remove();//移除遮罩
$("body").removeClass('modal-open');
  • 點擊模態窗口外任意地方關閉模態窗口並去除遮罩

//給模態窗口遮罩地方添加冒泡點擊事件
$(".modal-backdrap").live('click',function(){
    $(".modal-header button").trigger('click');//調用模態窗口自身的關閉事件
})

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章