Javascriptがページ上で動作していませんか？

Question

私はthis pageでDivision Bを隠そうとしています。 Wordpressテンプレートの性質上、これはやりにくいものです。私は、フッターにはJavaScriptを使用しようとしています：

$('div#division-2 div.teampage').prev('h2').css("display","none"); 

これはperfectly on JSFiddleに動作しますので、私は私が間違ってやっているかわからないんだけど。私はまた、コードでjavascriptファイルを作成しました。誰か私にいくつかの指導をお願いできますか？ヘッダで

Answer 1

、あなたはこのコードを持っている：

var $jquery = jQuery.noConflict(); 

これは$ショートカットを無効にします。コード内に$をjQueryまたは$jqueryと置き換えてください。例えば：;、（それがまだハンドラの本体にそれを使用する必要が$jquery(document).readyため、少なくとも）

jQuery(document).ready(function() { 
    jQuery('div#division-2 div.teampage').prev('h2').css("display", "none"); 
}); 

hide-division.jsのコードは動作していない理由は、がいる間$jqueryを使用することですコードnoConflictの前にhide-division.jsが実行されています。あなたのhide-division.jsファイルで

Answer 2

、コードは次のようである：

$jquery(document).ready(function() 
{ 
$('div#division-2 div.teampage').prev('h2').css("display","none") 
}); 

ここ$jquery is not definedはので、次のコードが実行されていません。 jqueryを削除して、次のコードを使用してください：

$(document).ready(function() 
{ 
$('div#division-2 div.teampage').prev('h2').css("display","none") 
}); 

希望します。

Answer 3

ちょうどCSS（ "表示"、 "なし"）$（ 'div要素＃部門-2 H2'）を与えてみてください。 `の交換の$ jquery`を使用このtutorialをuを助けるかもしれないjqueryのは、その無効な... $またはjQueryのいずれかが与えられなければならない...与えてはいけません

$ ...

...