Wordpress と jQuery について調べたところ、呼び出しができないことがわかった$()ので、競合なしに切り替えました。ここに私の問題にフィドルがあります。
ページのソースを表示し、メニューの html をコピーしました。ロードする 2 つの JavaScript ファイルを正しい順序でコピーしました。いくつかのアラート ('LOADED: JS File x') ボックスを投入して、それらがロードされることを確認しました。
この問題に関連する CSS を、作成中のテーマの style.css からコピーしました。
唯一の問題は、それが私が望んでいることと期待していることです。では、Wordpress で機能しない理由を知っている人はいますか?
あなたのjQueryコードがあなたが望むことを行い、あなたが言うようにWordPressの外部でそれを行うことを期待している場合、問題はWordPressの実装にあります.
elclanns が言ったように、WordPress で jQuery を操作するときに $ 記号を使用できますが、それはテーマにどのようにロードされているかによって異なります。WordPress には jQuery のコピーが同梱されています。提供されているものを使用する場合は、非競合モードで使用する必要があります。つまり、「$」を使用しない可能性があります。もう 1 つのオプションは、jQuery の WordPress コピーの登録を解除し、CDN から、またはテーマ ディレクトリに配置したローカル コピーから独自のコピーをロードすることです。これはあなたのテーマにも依存することに注意してください。これはあなた自身のテーマであると想定していますが、そうでない場合は、そこで何が行われているかを確認する必要があります。
まずソースを調べて、jquery がロードされているかどうかを確認します。他のスクリプトの前。
そうである場合、ヘッドでエンキューされている WP バージョンか、functions.php で呼び出されています。
jquery が正しくロードされていることを確認するためのいくつかのリンクを次に示します。
基本的なアイデア: http://digwp.com/2009/06/include-jquery-in-wordpress-the-right-way/ CDN から WP に js ライブラリをロードします)
さらに複雑ですが、最終的には価値のある記事: http://wp.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins/
あなたの質問は、投稿していないサーバーコードに依存しているため、ほとんど答えられません。jsfiddle の例はほとんど役に立ちませんが、いくつかの重要な点があります。
Wordpress と Jquery について調べたところ、$() を呼び出せないことがわかったので、競合なしに切り替えました。
はい、できます。それはすべて、jQuery をどのように含めるかによって異なります。WordPress はデフォルトで非競合モードでロードしますが、 と を使用wp_enqueue_scriptしてデフォルト モードwp_deregister_scriptを防止し、独自のバージョンをロードできます。
ロードする2つのjavascriptファイルを正しい順序でコピーしました。いくつかのアラート ('LOADED: JS File x') ボックスを投入して、それらがロードされることを確認しました。
スクリプトをロードする「正しい」WordPress の方法は、ファイル内のwp_enqueue_scriptandwp_register_scriptを使用することです。functions.php