Jquery のバージョンを からjquery-1.6.4.min.js
にアップグレードしていますjquery-1.10.2.js
jquery-ui-1.7.2.j
sからjquery uiバージョンjquery-ui-1.10.3.js
最新バージョンの jquery-ui.css も含めました。
これは私が使用しているスクリプトタグです。
<script type="text/javascript" src="JS/jquery-1.10.2.js"></script>
<script type="text/javascript" src="JS/jquery-ui-1.10.3.js"></script>
このようにして、ダイアログを開いています。
dialog = $('#dialog-modal-error');
dialog.html (l_str);
dialog.dialog(); /* if i am not using this then it is giving me this error msg. cannot call methods on dialog prior to initialization; attempted to call method 'option'*/
if (dialog.dialog ('option', 'disabled') == undefined) {
dialog.dialog (
{
autoOpen: true,
position : { my: 'center', at: 'center'},
modal : false,
bgiframe : true,
buttons: {},
close : minimizeMessages,
resizable : false,
draggable : false
}
);
} else {
dialog.dialog ('open');
}
その結果、常にページの右下にあるダイアログが開いているので、なぜこの動作が表示されるのか知りたいだけです。
継承されたCSSを使用していないすべてのCSSをすでに確認しました。
編集:
これも使用しましposition : { my: 'center', at: 'center', collison: 'none'}
たが、機能しませんでした。
jqueryの最新バージョンでは問題なく動作しています。
注: ダイアログは常に画面から出てきます (左 - 下)