何らかの理由で、IE9 で jQuery ダイアログを使用しようとすると、プロパティが適用されずleft
、0 のままになり、ダイアログが左側にずっと残ります。IE 7 および 8 を含む他のすべてのブラウザーで問題なく動作します。
ダイアログを初期化して開くためのコードは次のとおりです。
jQuery('#form-holder').dialog({
autoOpen: false, modal: true, closeOnEscape: true, width: 680, closeText: '', close: closeDialog
});
jQuery('#form-holder').dialog('open');
次のコードを適用してそのプロパティを手動で設定しようとしましたが、どちらも機能しませんでした。
var ua = jQuery.browser;
if (ua.msie && ua.version.slice(0, 3) == "9.0") {
jQuery('div.ui-dialog').css('left', '294px');
}
ダイアログを開いた後の HTML は次のようになります。
<div tabIndex="-1" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" role="dialog" aria-labelledby="ui-dialog-title-form-holder" style="left: 0px; top: 384px; width: 680px; height: auto; display: block; position: absolute; z-index: 1002; outline-width: 0px; outline-style: none; outline-color: invert;">
jQuery UI と IE9 の既知の互換性の問題はありますか?