.css中的jQuery增量百分比变化（）

Question

以下代码有效：

  $('.container').css({
    'left': '-100%' 
  });

此代码不会：

  $('.container').css({
    'left': '-=100%' 
  });

它改为像素。我已经尝试在结尾处添加%作为字符串，但它仍然不起作用。我无法弄清楚如何在增加/减少的同时保持百分比。

有可能吗？

Answer 1

http://jsfiddle.net/Praveen16oct90/tNYVJ/

它在这里工作..     请看这个..

$(document).ready(function(){
 $("button").click(function(){
  $("div").animate({left:'-=10%'}, 5000, 'linear');
 });
});

Answer 2

您可以使用animate() Animate()函数来增加百分比

$('#yourId').animate({
            left: previousLeftValue+IncrementValue //Assuming that previous left value is stored somewhere
        }, 300 );

Answer 3

我建议您使用以下方法！

Jquery

var x = $('#element');
x.css('left', (parseFloat(x.css('left')) + 10) + '%');

<强> CSS

#element{
  left : 5%;
  position : relative; //Its important
}

这是fiddle。希望这会有所帮助。