Jquery对话框在IE6和IE7挂起

Jquery dialog IE6 and IE7 hangs

本文关键字：IE7 挂起 IE6 对话框 Jquery      更新时间：2023-09-26

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

我也有这个问题。通过简单地将"ui-widget-overlay"类的position属性从fixed改为absolute，我解决了这个问题。

我做了一个JS Fiddle:

http://jsfiddle.net/sh9qM/

它在其他浏览器中工作吗?

你尝试过早期版本的jQuery库吗?

编辑:既然您已经表示使用较早版本的jQuery解决了这个问题，也许您可以将它作为一个bug输入jQuery网站。

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

相关文章：