0

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

我正在使用 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 和覆盖的顺序）也许这给出了一些提示.

不过IE9、IE10、IE7设置没有问题。

请帮忙。谢谢！

亚历克斯

4

0 回答 0