jQuery对话框IE6和IE7挂起

问题描述

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

    

解决方法

我做了一个JS小提琴： http://jsfiddle.net/sh9qM/ 是否可以在其他浏览器中使用？ 您是否尝试过jQuery库的早期版本？ 编辑：由于您已经表明转移到早期版本的jQuery已解决了该问题，也许您可​​以在jQuery网站上将其作为错误输入。     ,我也有这个问题。通过简单地将“ ui-widget-overlay \”类上的position属性从固定更改为绝对，我解决了这个问题。     ,我和我的同事今天遇到了这个问题-我们的解决方案是将jQuery UI CSS文件更新为最新版本。