5

したがって、中央に配置されず、移動もできない単純な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" );
4

4 に答える 4

1

ユーザー テーマまたはプラグイン ディレクトリにある jQuery UI バージョン ファイルを新しいバージョンの jQuery UI に変更します。問題が解決しない場合は、同じ jQuery UI バージョンの縮小ファイルをwp-includes/js/jquery/uiフォルダーにコピーします (ui フォルダー内のすべてのファイルをコピーします)。

于 2013-04-06T05:44:15.450 に答える
1

のすべてのパラメーターを使用していませんposition。とにかく、ダイアログのデフォルトはページの中央にあるため、positionオプションを削除すると問題が解決します。

構文エラーにも注意してください。オプション オブジェクトの末尾のコンマ。これはIEで壊れます

于 2012-11-13T11:21:22.883 に答える
0

jQuery UI のカスタム ビルドを使用しているようです。ダウンロード ビルダーに、次のような推奨コンポーネントが含まれていることを確認します。

  • 位置
  • ドラッグ可能

さらに:

  • お気に入りの HTML バリデーターを使用して、マークアップが正しいことを確認してください
  • JavaScript エラーが他のコードによって引き起こされていないことを確認してください
于 2012-11-13T11:19:23.003 に答える