我有一个Bootstrap模式,显示填充一些数据,如果数据不正确,实际上我显示一个警报,它显示在顶部 .
现在我有了新的要求,创建自定义警报对话框 . 在表单的其他部分,没有问题,但是当我有Bootstrap模式时,如果我以正常方式显示模态,它将出现在Bootstrap模式的底部(example in this fiddle) .
我看过其他问题,如this和this,我试过 z-index
(example in this fiddle),对话框显示在顶部,但我无法点击任何地方
$(".ui-dialog").css({ 'z-index' : 1000 });
$("#myModal").css({ 'z-index' : 0 });
此外,我试图禁用模态并启用对话框但没有成功 .
this answer是否正确,如果没有更多插件,我无法实现这一目标?
2 回答
variables.less文件中定义的bootstrap模态窗口的默认
z-index
位于1050
.因此,如果您想将jquery-ui对话框放在上面,那么至少必须添加一个大于模态窗口的
z-index
值 . 或者将模态窗口z-index
更改为更低的值,但我不会这样做 .在你的小提琴上尝试这个: