我正在使用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>
答案 0 :(得分:2)
我也有这个问题。通过简单地在“ui-widget-overlay”类中将position属性从fixed更改为absolute,我解决了这个问题。
答案 1 :(得分:1)
我做了一个JS小提琴:
它在其他浏览器中有效吗?
您是否尝试过早期版本的jQuery库?
编辑:既然你已经表明转移到早期版本的jQuery解决了这个问题,也许你可以在jQuery网站上输入它作为一个bug。答案 2 :(得分:1)
我和我的同事今天遇到了这个问题 - 我们的解决方案是将我们的jQuery UI CSS文件更新到最新版本。