Question

我知道网站上存在类似问题，但我找不到合适的解决方案。

我正在使用jquery-ui对话框在IE10中显示模态表单。

但当我切换到浏览模式：IE8 + 文档模式：IE8标准版时，事情无法正常工作，并将jquery.jqGrid.src.js添加到html文件中（即使我没有在html中添加jqgrid）。

问题：对话框位于其叠加层后面。这使得用户无法点击对话框上的任何内容。

以下是我的简化代码..

<!doctype html>
<html> 
<head>
<script language='javascript' src='jquery-1.9.1.js'></script>
<script language='javascript' src='jquery-ui.js'></script>
<script language='javascript' src='jquery.jqGrid.src.js'></script>
<link rel='stylesheet' type='text/css' media='screen'     href='themes/base/jquery.ui.all.css' />
<link rel='stylesheet' type='text/css' media='screen' href='ui.jqgrid.css' />
<script>
$(document).ready(function () {
    $("#dialog-message").dialog({
        modal: true
    });
});
</script>
</head>
<body>
<div id='dialog-message'>
Dummy Message
</div>
Dummy Message
</body>
</html>

如果我删除此行<script language='javascript' src='jquery.jqGrid.src.js'></script>，则对话框会完美显示。但在我的项目中，我需要在IE-8的同一页面中同时使用jqGrid和jquery-ui对话框。

我尝试使用IE10开发人员工具（F12）查看DOM元素，并发现如果我包含jqGrid js，覆盖div会以某种方式移动到最后（对话框div和overlay的顺序交换）也许给出了一些提示。

IE9，IE10，IE7设置没有问题。

请帮忙。谢谢！

亚历

在IE8废墟中使用jqGrid废墟jquery-ui对话框叠加？

0 个答案: