2016-05-02 7 views
0

私は今日ここにjQueryの問題が生じていますが、これは何のコードがやっていることは100%にユーザーのページの移動幅がjQueryのない更新CSSは

$(function() { 
    var distance = 0; 
    $('.right').click(function() { 
     distance -= 100; 
     $('#container').css('transform', 'translateX(' + distance + '%)') 
     console.log(distance); 
    }); 
    $('.left').click(function() { 
     distance += 100; 
     $('#container').css('transform', 'translateX(' + distance + '%);') 
     console.log(distance); 
    }); 
}); 

である私たちを始めるために、コード・ダンプのOnClick左または100%右の方へ。クラス名が 'right'のボタンをクリックすると、すべて正常に動作しますが、クラス名を 'left'にするとコンソールに表示されますが、ページは移動しません。更新する前に別のボタンを押してください。ただ、このラインから;を削除

答えて

3

$('#container').css('transform', 'translateX(' + distance + '%);') 
//               ^Remove it 

$('.left').click(function() { 
    distance += 100; 
    $('#container').css('transform', 'translateX(' + distance + '%)') 
    console.log(distance); 
}); 
+0

はありがとう、私は必要なすべてはそれに目の別のセットだったと思います:) – Josh

+0

どういたしまして:) –

関連する問題