为什么我的添加课在悬停工作Jsfiddle而不是在我的网站上？我在标题中遗漏了什么吗？

Question

我正在尝试在悬停时添加一个类来使用关键帧为我的类设置动画。我有整个事情在jsfiddle上工作，但它没有在我的webite上添加一个具有完全相同代码的类。你需要在头文件中包含一些内容才能使用javascript吗？对不起，如果我听起来像一个巨大的菜鸟。我是。

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

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

网站 http://www.theridgefarm.com/sponsors/

Answer 1

您使用的是WordPress吗？

WordPress对jQuery做了有趣的事情，比如使$前缀无效。试试这个：

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

Answer 2

这是一个自动执行的匿名函数，它创建一个闭包，其中$设置为jQuery。您可以使用它而不必担心$ namespace会污染全局命名空间，因此不会意外地使用来自其他库的$。

(function($) {

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

})(jQuery);

这是WP的一般做法。您也可以像{Okomikeruko所说的那样使用jQuery( - 但在写多次时可能会很乏味。如果我没有弄错的话，我认为它也像一个文件。已经？

( )表示执行函数/方法＆＃34; call＆＃34;正确？

等，( function() {} )();

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

这可能有助于理解语法。 ：）