javascript - Jquery 对话框 IE6 和 IE7 挂起

Question

我正在使用 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>

Answer 1

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