Javascript jQuery在悬停状态下传输

jQuery的新手在解决如何让jquerytransit在hover上工作时遇到困难

$(".rotate").hover(function(){
    $(this).transition({
      perspective: '100px',
      rotateY: '180deg'
    });
});

这返回“UncaughtTypeError:object[object]的属性“$”不是函数”，我已经对此进行了一段时间的处理，但似乎正在进行循环

如果有人能给我指出正确的方向，我将不胜感激

谢谢

---

Frank

CSS在各个方面都更好：

。旋转{
转型：转型0.4s轻松；
透视图：100px；
}
.旋转：悬停{
变换：旋转（180度）；
}

---

只是说，；）

您的代码似乎运行得很好，我刚刚把它放进了一个文件夹中。您是否确实包含了jQuery和transit.js库

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
<style type="text/css">
  .rotate{ width:50px; height:50px; background-color:lightgrey; border:1px solid #000;  }
</style>
<div class='rotate'></div>    
<script type="text/javascript">
  $(".rotate").hover(function(){
    $(this).transition({
      perspective: '100px',
      rotateY: '180deg'
    });
  });
</script>

.旋转{宽度：50px；高度：50px；背景色：浅灰色；边框：1px实心#000；}
$（“.rotate”）.hover（函数（）{
$（此）。转换({
透视图：“100px”，
旋转角度：“180度”
});
});

我让它工作起来了，它最终成为了jquery的wordpress版本

看这里

---

谢谢你的帮助

您是否包含了JQuery库？在jsfiddlejquery中提供您的输出应该是在JSVIDTLEJQUERY传输之前非常真实。。。。。。这就是在复制和粘贴它之前，在JSFIDLE（为您添加jQuery的地方）中检查它所得到的！！！jQuery肯定是被添加的，它已经用于其他元素了。我已经检查了代码，我发现它在小提琴上工作得很好。chromes控制台仍在返回错误。”未捕获的TypeError:对象[object object]的属性“$”不是函数（索引）：264（匿名函数）”它实际上是哪一行？如果在chromes控制台中单击右侧的行号，则应显示导致问题的代码行。。。。。你们还有其他图书馆吗？尝试用jQuery替换$符号，例如jQuery（“.rotate”）。悬停（函数（）{