Bootstrap 模态框的遮罩层挡住后面的元素,无法触发操作

sunhk25 6月前 57

弹出框类相统一成 bootstrap 的 modal,然后像 jqueryui 的弹出框那样,可移动然后再点击操作其他按钮。 利用 JqueryUI 的 draggable 可以实现拖拽,但是 modal 的遮罩层挡住后面的元素无法操作。 请教有方法吗?

DEMO: http://jsfiddle.net/4wLbvft6/4/

$(function(){
 $(".modal").modal("show").draggable({handle: ".modal-header"});
 $(".btn-primary").on("click", function(){
 	alert("btn click")
 })
})
最新回复 (7)
  • hahastudio 5月前
    引用 2
    $(".modal").modal({"show":true,"backdrop":false})
    关了 backdrop 不就好了
  • hahastudio 5月前
    引用 3
    啊,ui-draggable 会挡住。。。
  • GuuJiang 5月前
    引用 4
    这难道不是本来就是 modal 的定义吗?想要不挡住就用非 modal 的啊
  • 楼主 sunhk25 5月前
    引用 5
    @GuuJiang
    是有点逆道而行的感觉,否则还需要把 JqueryUI 的 dialog 界面统一
  • 楼主 sunhk25 5月前
    引用 6
    @hahastudio
    backdrop 已关闭,能看见后面的元素但是操作不了
  • hahastudio 5月前
    引用 7
    .modal {
    bottom: initial;
    overflow-y: hidden;
    }
    .modal-dialog {
    margin: 0;
    }
    这样?
  • 楼主 sunhk25 5月前
    引用 8
    @hahastudio
    试了一下除了初始位置外 基本满足要求了。
    http://jsfiddle.net/rmx5v182/
    有什么写法能让他保留初始位置吗
  • 游客
    9
返回