web-dev-qa-db-ja.com

全体としてjQuery UIを含める

次の代わりにjQuery UIを全体として含めることは可能ですか。

wp_enqueue_script('jquery-ui-core');
wp_enqueue_script('jquery-effects-core');
// a lot of other jquery ui imports....

私はコーデックスを検索し、含まれているスクリプトの完全なリストを見つけることができましたが、1つのインポートとして完全なjQuery UIバージョンを含める方法を見つけることができませんでした：

wp_enqueue_script('jquery-ui');

出典： http://codex.wordpress.org/Function_Reference/wp_enqueue_script

javascriptwp-enqueue-scriptjquery-uifunction-exists
4
Menno van leeuwen

グローバルな$wp_scriptsからすべてのjQuery UIスクリプトを除外できます。

function wpse124959_wp_scripts_filter() {
    global $wp_scripts;
        foreach ($wp_scripts->registered as $reg) {
            if ( preg_match('/^jquery-ui/', $reg->handle ) )
                $script_hs[ $reg->handle ] = $reg->src;
        }
        print_r( $script_hs );
}
add_filter( 'wp_head', 'wpse124959_wp_scripts_filter' );

理論的には、これを使用してそれらをエンキューしたり、@ arstが提案したエイリアスを構築することができます。

2
Nicolai

実際に必要なものを含めるだけです。それはあなたのための依存関係を処理します。

たとえば、jquery-ui-dialogが必要な場合は、それをエンキューするだけで、自動的にjquery-ui-resizable、jquery-ui-draggable、jquery-ui-button、jquery-ui-positionが追加されます。 、jquery-ui-core、jquery-ui-mouse、jquery-ui-widget、およびjquery。

1
Otto

必要なスクリプトだけをエンキューする必要があります。そうすると、スクリプトの依存関係が追加されます。エンキューするものを選ぶことを心配する必要はありません。たとえば、Accordionウィジェットに必要なスクリプトを含める場合は、次のコードを追加するだけですべての依存関係が読み込まれます（jQuery、jQuery UIコア、jQueryウィジェット）。

wp_enqueue_script('jquery-ui-accordion');

あなたがしたいことがそれらすべてを単一の縮小されたリソースとしてロードすることであるならば、 Googleダウンロードを使用する pluginをインストールしてください。それはGoogle CDNから適切なバージョンをロードし、縮小され、gzip圧縮と長い有効期限で提供されます。

1
webaware