したがって、中央に配置されず、移動もできない単純なjQueryUiダイアログがあります。
コンソールに表示されるエラーメッセージは、
jquery-ui-1.8.17.custom.min.js:36
jQuery関数に渡されたいくつかのパラメータが無効だっただけです:
Uncaught TypeError: Object function (a,b){return new p.fn.init(a,b,c)} has no method 'curCSS' jquery-ui-1.8.17.custom.min.js:36
a.fn.position jquery-ui-1.8.17.custom.min.js:36
p.extend.each jquery-1.8.2.min.js:2
p.fn.p.each jquery-1.8.2.min.js:2
a.fn.position jquery-ui-1.8.17.custom.min.js:36
a.widget._position jquery-ui-1.8.17.custom.min.js:156
a.widget.open jquery-ui-1.8.17.custom.min.js:156
(anonymous function) jquery-ui-1.8.17.custom.min.js:17
p.extend.each jquery-1.8.2.min.js:2
p.fn.p.each jquery-1.8.2.min.js:2
a.widget.bridge.a.fn.(anonymous function) jquery-ui-1.8.17.custom.min.js:17
openMediaLibrary 6:456
onclick 6:187
ダイアログ div は次のようになります。
<div id="mediaLibrary" title="Bildgalleri">
<iframe width="950px" height="500px" src="{{ path('ImageGallery') }}" style="border:0;" /></iframe>
</div>
ここで初期化されたダイアログ...
$( "#mediaLibrary" ).dialog({
height: 550,
width:980,
modal: true,
autoOpen: false,
position: { my: "center", at: "center" },
});
...そしてここで開いた
$( "#mediaLibrary" ).dialog( "open" );