2011-05-17 39 views
0

標題解釋它。以下是我發現它的方式(將此作爲答案):http://jsfiddle.net/tnk7K/3/動畫到負偏移使元素跳躍

從示例中可以看出,2向右移動並在一秒後停止。然後,接連第二,2跳轉到最左邊,並3動畫爲告訴,只爲它再次(一次又一次又一次...)發生

它不是造成後來調用css('left', 'auto') ,因爲這是在動畫完成後調用的。此外,刪除它並不能解決問題。

任何想法是什麼/如何解決它/我只是錯了嗎?谷歌搜索沒有發現任何東西。

+0

我沒有看到你所描述的行爲 - 在Ubuntu納蒂使用FF4.01。我可以問你使用的是什麼設置? – 2011-05-17 20:25:27

+0

Win 7上的Chrome 12.0.742.53。同樣的平臺也發生在IE8中。 – Zirak 2011-05-17 20:27:08

+0

不確定你想達到什麼目的?你不想讓數字出現在最左邊? – 2011-05-17 20:30:41

回答

0

我覺得發生了一些誤解。您可以在CSS中同時設置leftright

http://jsfiddle.net/tnk7K/5/

你明白嗎? right沒有更改,left設置爲0.但width已更改。


編輯:
你只需要設置left屬性:

$(this).css('left', $(this).position().left); 

http://jsfiddle.net/tnk7K/7/

+0

僅在跳躍時才改變寬度;在此之前它的動畫效果很好。你可以根據'left'設置'right',但我很懶,這很容易。 – Zirak 2011-05-17 20:46:39

+0

有趣。我不知道爲什麼這個修復它。 – Zirak 2011-05-18 09:33:46

+0

'left'屬性被設置爲'auto',一個非數字值。所以jQuery將它的值賦值爲0.所以我只是爲這個風格定義了計算值。 – pepkin88 2011-05-18 12:11:53