Question

相当新的jQuery无法解决如何让jQuery传输在悬停上工作。

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

这将返回“未捕获的TypeError：对象[对象对象]的属性'$'不是函数”，我一直在搞乱这一段时间，但似乎是在圈内。

如果有人能指出我正确的方向，我会非常感激。

由于弗兰克

Answer 1

CSS在各方面都更好：

.rotate {
    transition: transform 0.4s ease;
    perspective: 100px;
}
.rotate:hover {
    transform: rotateY(180deg);
}

只是说';）

Answer 2

您的代码似乎工作正常，我只是将其放入fiddle quickly.....您是否确实包含了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>

Answer 3

我得到它的工作，它最终成为jquery的wordpress版本

见jQuery Uncaught TypeError: Property '$' of object [object Window] is not a function

感谢您的帮助！

jQuery在悬停时传输

3 个答案: