[英]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.