调整对话框大小时的jQuery UI对话框错误,然后在IE9上关闭推送X.

时间:2013-04-23 05:42:13

标签: jquery-ui jquery-ui-dialog

我正在创建一个新的jQuery UI对话框,然后将其调整到更高的高度。 当我单击关闭按钮(X)时,对话框会向上移动到屏幕顶部而不是自行关闭。

这仅在Internet Explorer中发生(在我的情况下为IE9)。

对此有任何解决方法吗?

以下是重现此错误的js小提琴: http://jsfiddle.net/5WJBR/1/

$(document).ready(function(){
  $('#dialog').dialog();
  $('#dialog').dialog('option','height', '1000');
});

我设法通过使用css overflow-y删除垂直滚动条来使其工作:隐藏但我在用例中我肯定需要激活垂直滚动。

感谢您的帮助, 麦

1 个答案:

答案 0 :(得分:0)

好的,这是对那些感兴趣的人的解决方案(仅适用于jQuery UI 1.9.1及以下版本):

var that = this;
$('.ui-dialog-titlebar-close').on('mousedown', function({
    that.dialog.dialog('destroy');
});

仅供参考,绑定“点击”事件上的标题栏将无效! Mousedown确实。

谢谢, -J