jquery点击添加css值的百分比 [英] jquery on click add css value in percentage

问题描述

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

I'd like to add 100% incrementally to margin left on click.

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

So say my current margin value is 100% Then On click = 200% On second click = 300% and so on...

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

How do I do this? I searched all over, can't find a solution. It's easy to add 100 pixels but i need percentage value.

谢谢！

推荐答案

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

For browser consistency, I would suggest you to use this kind of snippet:

编辑以下评论

演示

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

这篇关于jquery点击添加css值的百分比的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！