Jquery对话框IE6和IE7挂起

时间:2011-04-14 20:54:58

标签: javascript jquery asp.net

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

3 个答案:

答案 0 :(得分:2)

我也有这个问题。通过简单地在“ui-widget-overlay”类中将position属性从fixed更改为absolute,我解决了这个问题。

答案 1 :(得分:1)

我做了一个JS小提琴:

http://jsfiddle.net/sh9qM/

它在其他浏览器中有效吗?

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

编辑:既然你已经表明转移到早期版本的jQuery解决了这个问题,也许你可以在jQuery网站上输入它作为一个bug。

答案 2 :(得分:1)

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