2016-07-13 5 views
0

キーフレームを使用してクラスをアニメーション化するために、ホバー上にクラスを追加しようとしています。私はすべてjsfiddleで作業していますが、まったく同じコードを持つWebite上にクラスを追加しません。 javascriptを使用するためにヘッダファイルに何かを含める必要がありますか?申し訳ありませんが、私は大きな騒ぎのように聞こえます。わたし。Jsfiddleでは、私の追加クラスはホバー上で動作しますが、私のウェブサイト上で動作しないのはなぜですか?私の見出しに何かがないのですか?

$(".sponsorDescription").hover(function() { 
    $(this).toggleClass("fade"); 
}); 

http://jsfiddle.net/e27Dt/1/#&togetherjs=kEoBqL8yHd

サイト http://www.theridgefarm.com/sponsors/

答えて

1

これは、$がjQueryに設定されているクロージャを作成する自己実行型の無名関数です。グローバル名前空間を汚染する$名前空間を気にすることなくそれを使用することができます。したがって、他のライブラリの$を誤って使用することはありません。

(function($) { 

    $('.thing').method('set'); 

})(jQuery); 

これは一般的なWPの習慣です。 @OkomikerukoのようにjQuery(を使用することもできますが、それは何度も書くときに面倒なことがあります。私が間違っていないと、私はそれもドキュメントのようだと思う。

()は、関数/メソッド "呼び出し"の権利を実行することを意味しますか?

ので、( function() {} )();

( function($) {} )(jQuery);

多分これは、構文を理解するのに役立ちます。 :)

1

あなたは、ワードプレスを使用していますか?

WordPressは、$のプレフィックスを無効にするような、面白いことをjQueryに実行します。これを試してください:

jQuery(".sponsorDescription").hover(function() { 
    jQuery(this).toggleClass("fade"); 
}); 
関連する問題