CSSがjQuery UIダイアログを取得しない


9

フォームページにモーダルjQueryダイアログを追加したいのですが。ダイアログボックスがトリガーされると、テキストコンテンツが表示されますが、CSSは表示されません。ページのfunctions.phpのjqueryを取得しています。

wp_enqueue_script('jquery-ui-dialog');

jquery css(jquery-ui-dialog.css)は、私のwp-includes / cssディレクトリにあります。追加してみた

wp_enqueue_style('jquery-ui-dialog');

しかし、それは機能しません。誰もがjQueryダイアログを有効にする適切な方法を知っていますか?


6
wp_enqueue_style( 'wp-jquery-ui-dialog' );
Tom Auger

3
また、ダイアログ自体に「wp-dialog」クラスを追加して、それらのスタイルを利用できるようにしてください。彼らはかなり醜いです。とにかく、jQuery UIをテーマにしたスタイルを使用したほうがよい場合があります。
Tom Auger

回答:


8

jquery-ui-dialogWordPressで定義されているスタイルはありませんが、jQuery-UIスタイルをエンキューする必要があるときは、スタイルシートを手動で使用する必要があります。GoogleAPI CDNからプルします。

wp_enqueue_style('jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css'); 

ただし、次のようにしたい場合は、ローカルコピーをエンキューできます。

wp_enqueue_style( 'myStylesheet', WP_PLUGIN_URL . '/path/stylesheet.css' );

6
ただし、OPが指摘しているように、WP3.xには、jquery-ui-dialog.cssが標準で付属していますwp-includes/css/。スタイルシートがデフォルトで登録されないのは奇妙です。wp_enqueue_style( 'wp-jquery-ui-dialog' );完全にキューに入れます。
Tom Auger

0

次を使用して、jquery-ui-dialogスタイルをフロントエンドに含めることができます。

wp_enqueue_style( 'wp-jquery-ui-dialog' );
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.