Jquery 对话框 IE6 和 IE7 挂起答案

【问题标题】：Jquery dialog IE6 and IE7 hangsJquery 对话框 IE6 和 IE7 挂起
【发布时间】：2012-11-01 02:43:00
【问题描述】：

我正在使用 jquery 显示一个对话框，但它导致 IE6 和 IE7 挂起。有人建议吗？谢谢

  $(""#" + this.pnlConfirmPanel.ClientID + @""").dialog(
                        {
                           autoOpen: false,
                            modal:true,
                             resizable: false,
                            draggable: false
                        })

导致它挂起的行是：

modal:true

更新 1 抱歉必须澄清它的一个 asp.net 页面，生成的代码如下所示：

$("#ctl00_ContentPlaceHolder1_JobAdmin1_pnlConfirmPanel").dialog(
                        {
                           autoOpen: false,
                            modal:true,
                             resizable: false,
                            draggable: false
                        })

如果我删除 modal:true，对话框会在 IE6 和 IE7 中正常显示并关闭。当我添加 modal:true 行时，会导致浏览器崩溃...

更新 2
以为我会发布其余的 javascript 和 html，以防万一有人想尝试一下。（为简化起见，我缩短了上面面板的长标识符）

<script src="JavaScript/jquery-1.5.2.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.11.custom.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">

    $().ready(function () {
        $("#ConfirmPanel").dialog(
                        {
                            autoOpen: false,
                            width: 400,
                            height: 300,
                            modal: true
                        });

        $('#Button1').click(function () {
            $("#ConfirmPanel").dialog('open');
            return false;
        });
    });



</script>

<span id="lblClicked"></span>
<input type="submit" name="Button1" value="Test" id="Button1" />
<div id="ConfirmPanel" style="width: 400px; height: 200px;">
<input type="submit" name="btnClose" value="" id="btnClose" />
    <h2>
        Hello</h2>
</div>
</form>

【问题讨论】：

@rauland：选择器中的所有引号是怎么回事？
@Marko 我更新了问题
可能不相关，但您是否尝试在对dialog 的调用末尾添加分号？
干得好！如果只是更多的网页导致 IE 6 和 7 挂起。
我做了一个 JS Fiddle：jsfiddle.net/sh9qM 它在其他浏览器中也能用吗？您是否尝试过早期版本的 jQuery 库？

标签： javascript jquery asp.net

【解决方案1】：

我也有这个问题。通过简单地将“ui-widget-overlay”类的位置属性从固定更改为绝对，我解决了问题。

【讨论】：

【解决方案2】：

我做了一个 JS Fiddle：

http://jsfiddle.net/sh9qM/

它在其他浏览器中是否有效？

您是否尝试过早期版本的 jQuery 库？

编辑：既然你已经表示迁移到早期版本的 jQuery 解决了这个问题，也许你可以在 jQuery 网站上将它作为一个错误输入。

【讨论】：

【解决方案3】：

我和我的同事今天遇到了这个问题 - 我们的解决方案是将我们的 jQuery UI CSS 文件更新到最新版本。

【讨论】：