javascript - 使用变量通过 jQuery 应用 CSS 转换

Question

当我不使用变量时，我可以让下面的代码工作。但是，当我添加变量时它会中断。

$('.right, .auto_slide').click(function() {
    var slider_margin = parseInt($(this).closest('.slider').css('transform',"translateX"));
    var new_margin = slider_margin - pane_width;
    $(this).closest('.slider').css('transform',"translateX("+new_margin"+)");
});

HTML

<section class="stage" id="basic">
    <div class="slider" style="transform: translateX(0px);">

        <!-- Content -->

    </div>
</section>

Answer 1

你需要像这样添加变量

$('.thing').click(function() {
    var whatever = 20 - 100;
    $('.slider').css('transform',"translateX("+whatever+"px)");
    //                                       ^^like this^^ 
});

你也不能像那样减去字符串，做 20-100