0

ホバーでjQueryトランジットを機能させる方法を理解するのに苦労しているjQueryでかなり新しい。

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

これは「Uncaught TypeError: オブジェクト [オブジェクト オブジェクト] のプロパティ '$' は関数ではありません」を返します。

誰かが私を正しい方向に向けることができれば、私はそれを大いに感謝します.

ありがとうフランク

4

3 に答える 3

1

CSS is better in every way:

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

Just sayin' ;)

于 2014-02-23T14:27:56.487 に答える
0

あなたのコードは正常に動作しているようです。すぐにフィドルに入れました..... 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>
于 2014-02-23T14:39:56.683 に答える
0

私はそれを機能させました、それはjqueryのwordpressバージョンになりました

ここを参照jQuery Uncaught TypeError: Property '$' of object [object Window] is not a function

ご協力いただきありがとうございます！

于 2014-02-23T15:33:08.703 に答える