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

回答