web-dev-qa-db-ja.com

tinyMCEダイアログと競合するjQuery UIスタイル

私はページ編集画面上のいくつかのカスタムコントロールにjQuery UIを使用していますが、jQuery UIダイアログのスタイルはTinyMCEダイアログと競合していることに気付きました。特にボタンとタイトル領域は特に見栄えがよくありません。私はjQuery UI CSSを調べて、競合を避けるために何を削除できるかを調べました。それらはスタイルシート全体にかなり広がっています。競合せずに両方を一緒に実行する方法はありますか？

csstinymcejquery-ui
1
hereswhatidid

私がしなければならなかったのは、jQuery UIダウンロードアプリケーションでCSSスコープオプションを使用することでした。通常のwp_register_style/wp_enqueue_styleを使用していましたが、TinyMCEのWordpressインストールで使用されているjQuery UIダイアログスタイルと常に競合します。スコープ付きバージョンのjQuery UIスタイルの使用に切り替えた後は、すべてうまくいきました。

0
hereswhatidid

あなたのスクリプトとスタイルシートをfunctions.phpファイルの中に エンキュー すればうまくいきます。

これは私がそうする方法です（コピーして貼り付けて自由に感じ、それは箱から出して動作するはずです）：

function load_my_admin_js() {
   wp_register_script('jquery-ui',"https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js");
   wp_enqueue_script('jquery-ui');   
} 

add_action('admin_init', 'load_my_admin_js');   

function load_my_admin_css() {
   wp_enqueue_style( 'jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css');  
} 

add_action( 'admin_print_styles', 'load_my_admin_css');

JQuery UIへの以前のリンクを削除することを忘れないでください。

それでも問題が解決しない場合は、カスタムJSコードが破損していて他の要素に影響しています。コード自体を調査しなければ、これ以上何も言えません。

0
Wordpressor