jQuery .animate不适用于固定位置

Question

这是我的.animate函数

<script>
       $(document).ready(function(){
$('#slide').click(function(){
$('#2guns').animate({right: 500},10000);
});
});
</script>

这就是我正在制作动画的元素

 <div class="content">
            <button id="slide">slide</button>
           <img src="/home/varun/Documents/Crown/images/line.png" id="2guns" STYLE="position:absolute;left:1293px;">
        </div>

在没有属性的情况下完美工作

left:1293px;

有什么办法吗？

Answer 1

这是http://jsfiddle.net/kD3Zt/

 <div class="content">
        <button id="slide">slide</button>
       <img src="/home/varun/Documents/Crown/images/line.png" id="2guns" STYLE="position:absolute;left:1293px;">
    </div>

---

 $(document).ready(function(){
 $('#slide').click(function(){
 $('#2guns').animate({left: 200},10000);
 });
 });

Answer 2

改为执行此操作，元素不能同时具有左右两个样式

$('#2guns').animate({left: 500},10000);

演示

Answer 3

为什么要放弃，请指定...

我正确地尝试了它，效果很好...

<div class="content">
            <button id="slide">slide</button>
           <img src="/home/varun/Documents/Crown/images/line.png" id="2guns" STYLE="position:absolute; right:0px;">
        </div>