web-dev-qa-db-ja.com

自分のページにjQuery UI Effectsライブラリをロードする方法を教えてください。

私は私のウェブサイトのホームページで簡単なアニメーションをするために初めてJavaScriptを使っています。これまでのところ、私はheader.phpファイル（これは私のホームページでのみ使用されています）のwp_head行の前に以下を追加しました。

<?php
function my_scripts_method() {
    wp_enqueue_script('jquery');            
}    

add_action('wp_enqueue_scripts', 'my_scripts_method'); // For use on the Front end (ie. Theme)
?>

それは私のページにjqueryを読み込んでいます！私はこれをホームページで必要としているだけなので、functions.phpなどでそれを呼び出さないのです。

私はちょうど私のホームページでいくつかの簡単なアニメーションをする必要があり、いくつかのアドバイスが必要です。ページがロードされたら、ロゴをページの上部から下部に移動してから、Blindエフェクトを使用してその下にメニューを表示します。誰かがメニュー項目をクリックすると、ブラインド効果を使用してメニューを非表示にし、背景色を変更し、ロゴを移動し、ロゴをあるPNGから別のPNGに移行する必要があります。 ）.

コーデックス（ http://codex.wordpress.org/Function_Reference/wp_enqueue_script ）によるとjQuery UI効果は含まれていませんjquery-ui-coreで。

自分のページにjQuery UI Effectsライブラリを読み込む方法は？

代わりに、誰かがjQuery UI効果よりもこのために使用するより良いjsファイルに関するアドバイスを提供することができますか？

jqueryjavascriptwp-enqueue-scriptjquery-ui
1
user2093838

あなたは自分の関数の中でスクリプトを呼び出して、フロントページまたはホームページのためだけにロードすることができます。コーデックスは、jQuery UI Effectsコアを含めるための完全な参照ではありません。

wp_enqueue_script( 'jquery-effects-core');

または、以下のように、必要なエフェクトだけを含めることもできます。

 wp_enqueue_script( 'jquery-effects-blind');

これは、キューに入れることができるjQuery効果の名前への参照です。

  • jquery-effects-core
  • jquery-effects-blind
  • jquery-effects-bounce
  • jquery-effects-clip
  • jquery-effects-drop
  • jquery-effects-explode
  • jquery-effects-fade
  • jquery-effects-fold
  • jquery-effects-highlight
  • jquery-effects-pulsate
  • jquery-effects-scale
  • jquery-effects-shake
  • jquery-effects-slide
  • jquery-effects-transfer

あなたのフォントページだけにそれを含めるには、次のようにします。

function my_scripts_method() {
    if ( is_front_page ) { 
    // make sure jQuery is loaded
    wp_enqueue_script('jquery-ui-core', '', '', array('jquery'));
    wp_enqueue_script('jquery-effects-core', '', '', array('jquery'));
    }
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
2
Wyck