[英]Applying CSS transform with jQuery using a variable
当我不使用变量时,我可以得到以下代码。 当我添加变量时,它会破坏。
$('.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>
你需要像这样添加变量
$('.thing').click(function() {
var whatever = 20 - 100;
$('.slider').css('transform',"translateX("+whatever+"px)");
// ^^like this^^
});
你也不能这样减去字符串,做20-100
你需要连接
$('.thing').click(function() {
var whatever = 20 - 100;
whatever += "px";
//^ add px
$('.slider').css('transform',"translateX("+whatever"+)");
//^ ^
});
你不能减去你需要numerbs的字符串
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.