jQuery的動畫（）在谷歌Chrome和Safari

左側位置

我試圖創建一個簡單的動畫，其中被附加到容器元素後，在從左側滑動，像這樣：jQuery的動畫（）在谷歌Chrome和Safari

$('#container').append(
$('<div class="item" style="left:-300px;top:0"></div>').animate({ left : 0 }, 300) 
);

Container都有隱藏的溢出和寬度300px。附加的'item'元素的寬度也是300px，並且在追加時位於容器的外部，那麼應該滑入，直到到達'left：0'。

它工作在Firefox，但谷歌Chrome和Safari只是顯示它在容器中沒有滑動。

任何想法？

2011-09-08 user398341

你有沒有想過使用'顯示：無;'和'的slideToggle（）'呢？可能會讓事情變得更容易一些。 – m90

你會怎麼做slideToggle（）？您無法使用此方法指定位置。 – user398341

你是完全正確的，我在這裏混淆了2件事，我真正想到的是使用'animate（{width：'show'}）'如下所示：http://bueltge.de/test/jquery_horizontal_slide.php - 對困惑感到抱歉。 – m90

也許你需要添加元素befor動畫：

$('<div class="item" style="left:-300px;top:0"></div>').appendTo('#container').animate({ left : 0 }, 300)

2011-09-08 08:36:52 Samich

你是絕對正確的 - 我只是試圖在追加後做到這一點，它工作正常。 – user398341

回答