jQuery中轉動畫無法正常工作

Question

我只是jquery的新手。 我剛纔跟着一個鏈接http://ricostacruz.com/jquery.transit/

在那裏我發現一個過境動畫只是從左到右移動一個div，只是在母盤div上徘徊，我按照指示完成了所有過程。

我的代碼如下：

腳本：

$('#div1').hover(
    function() { 

     $('#div2').transition({ x: '90px' }); 


    }); 

的CSS：

#div1{width:150px; 
height:100px; 
position:relative; 
background:#9F0;} 

    #div2 
    { 
     width:50px; 
     height:50px; 
     background: 
     #F00;} 

的HTML

<div id="div1"></div><div id="div2"> </div> 

您可以查看它here

我覺得我錯了。 請幫我整理一下。 在此先感謝。

Answer 1

是的。首先，你的小提琴不包括jQuery Transit插件，也不是首先使用jQuery。它在mootools上。

其次，這不是你如何使用它。該網站明確表示$('.parent').transition({<parameters})。

我建議你先閱讀如何使用jQuery第一，因爲這似乎是主要問題。我建議你從這裏開始：http://docs.jquery.com/How_jQuery_Works

祝你好運。

Answer 2

你絕對應該定位DIV，試試這個：

http://jsfiddle.net/8RMNU/1/