javascript - 使用继续单击事件继续在 jquery 中移动表

Question

我想在点击时保持我的 table 移动，为此我尝试这样做:

<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

假设您希望每次点击按钮时向右移动 10 像素，代码为:

<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'。