jquery - jquery点击添加css值的百分比

Question

我想在点击时将 100% 增量添加到左边距。

所以说我当前的保证金值为 100% 然后点击时 = 200% 第二次点击时 = 300% 等等......

我该怎么做呢？我找遍了，找不到解决办法。添加 100 像素很容易，但我需要百分比值。

谢谢！

Answer 1

为了浏览器的一致性，我建议您使用这种片段：

编辑以下评论

演示

$('.slide-back').data('marginLeft',10).on('click',function(){
    var $inner = $('.inner'), curMarg = $(this).data('marginLeft') + 10;
    $inner.css({marginLeft:curMarg+'%'});
    $(this).data('marginLeft',curMarg);
});

Answer 2

我也不太明白这个问题，但是，如果你试图让利润加倍，在 PX 、 % 或其他方面，你可以这样做（基于烤小提琴）：

$('b').click(function(){
  var curMargStr = $(this).css('marginLeft');
  var curMarg = curMargStr.replace('px','') * 2;
  $(this).css('marginLeft', curMarg);
});

您无法获得百分比值，因为浏览器必须转换为 px 才能呈现它。请注意，该值可能会根据您使用的浏览器而变化。

Answer 3

我不明白你为什么要这样做。（百分比保证金）。
但这里是： 查看 LIVE DEMO

jQuery

$('.mydiv').click(function()
{
    var currentMargin = parseInt($(this).css('margin-left'));
    $(this).css('margin-left',currentMargin+100+'%');
});

HTML

<div class='mydiv'></div>

CSS

.mydiv
{
    background-color:red;
    width:100px;
    height:100px;
    position:absolute;
    margin-left:100%;
}