保持移動表中的jQuery與繼續點擊事件

Question

我要保持我的桌子的舉動，當我點擊，爲了這個，我試試這個：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
    $(".next").click(function() { 
     var position = $(".slide_table").position().left; 
     var movepos = parseInt(position) - parseInt(450) + 'px';  
     $('.slide_table').css('margin-left',movepos); 
    }); 
    }); 
</script> 

<a href="#" class="prev">Prev</a> 
<div class="slide"> 
    <table class="slide_table" style="border:1px solid gray; background:#CCCCCC"> 

當我點擊第一次它的工作原理，所以，我怎麼可以把它除非正確的位置爲0或小於450

感謝您的幫助....

Answer 1

比方說，你想像素向右移動對於按鈕每次點擊，該代碼將是：

<script> 
    $(document).ready(function(){ 
    $(".next").click(function() { 
     var position = $('.slide_table').css('margin-left'); 
     var movepos = position + 10;  
     $('.slide_table').css('margin-left',movepos); 
    }); 
    }); 
</script> 

你並不需要在移動的距離結束添加字符串「PX」。

Answer 2

我不知道我是否正確地理解你的問題，但：

如果要移動的TABL Ë450像素（更多）右側每次點擊「接下來」按鈕上時，那麼你就可以做到這一點，如下所示：

$(document).ready(function(){ 
    $(".next").click(function() { 
     var posLeft = $('.slide_table').position().left; 
     var newPosLeft = posLeft - 450; 

     $('.slide_table').css('left', newPosLeft + 'px'); 
    }); 
});