我在div中有旧文本。
我希望该文本向左飞出，新文本从右侧飞入。
问题：
我不希望新文本从浏览器窗口中传入，
而是从包含div中。
http://jsfiddle.net/cabezud/XuyUb/1/
仅供参考我正在使用Jquery＆amp; jquery mobile。
我在这里发现了另一个问题：
Jquery-animate question: how to constrain a DIV animation within another DIV?
但只是将外部div设置为position：relative不会改变任何东西。
根据评论，添加更多细节（而不仅仅是jsfiddle的链接）。
<div class="outer">
<p class="inner">click me</p>
</div>
var fruit = ['apples'，'bananas'，'oranges'，'kiwis']; var num = 0;
$('.outer').click(function(){
next();
});
var next = function() {
num++;
$('.inner').animate({"right":"500%"},500, function() {
$('.inner').text(fruit[num]).css({"right":"-500%"});
$('.inner').animate({"right":"0%"},500);
});
};