ワードプレスのjQueryの問題

Question

私はワードプレスのローカルホストサイトでフクロウカルーセルとslicknavを使用しています。私は自分のテーマフォルダからjqueryを呼び出しています。私はwp_enqueue_script('jquery');を私のfunctions.phpに使ってみましたが、もしそうなら、フクロウカルーセルとslicknavは動作しません。その関数を使って、ソースコードにjqueryがロードされているのがわかります。

今、私はプラグイン 'Fancybox for WordPress'をインストールしており、プラグインは動作していません。私がテーマフォルダのjqueryの代わりにwp_enqueue_script('jquery');関数を使用すると、プラグインは機能しますが、フローカルカルとslicknavは機能しません。

私のjQuery呼び出しのために問題が起こっていると思います。私はjQueryを呼び出すための適切な方法が必要ですが、私は矛盾を避けたいと思います。つまり、私はowlカルーセル、slicknavなどを使用できる方法が必要であり、jQueryを必要とするプラグインも使用できることを意味します。それ、どうやったら出来るの？

私はtwentyfourteenテーマでプラグインを使用しており、正常に動作します。

Answer 1

コードの前にjQueryをロードしてもよろしいですか？コンソール（F12）で「jQuery is undefined」エラーが表示された場合は、おそらくスクリプトの読み込み順序を変更する必要があります。

働くことになります。

<script src="path-to-jquery/jquery.min.js"></script> 
<script> 
    $('.foo').bar(); 
</script> 

以下のコードは動作しません。

<script> 
    $('.foo').bar(); 
</script> 
<script src="path-to-jquery/jquery.min.js"></script> 

Answer 2

あなたがのfunctions.php内のファイルをエンキューしたい場合は、直接使用することはできませんwp_enqueue_script （ 'jquery'）。

wp_enqueue_scriptsアクションを使用してから、コールバック関数でwp_enqueue_script('jquery')を使用する必要があります。

add_action('wp_enqueue_scripts', 'enqueue_my_js'); 

function enqueue_my_js(){ 
    wp_enqueue_script('jquery'); 
    wp_enqueue_script('owl_caroussel', get_template_directory_uri().'owl_caroussel.js', false); // adjust the file path & name 
} 

あなたはjQueryのに依存しているエンキュースクリプト、ワードプレスでのjQueryを使用して、一般的な$の別名を使用することはできませんnoConflictモードで実行されることに注意してください

。代わりに完全なjQueryを使用する必要があります。代わりに、noConflictラッパーの中に$ショートカットを使用してコードを配置してください。

jQuery(document).ready(function($) { 
// $() will work as an alias for jQuery() inside of this function 
[ your code goes here ] 
}); 

必要に応じてスタイルファイルをエンキューすることを忘れないでください。

希望します。