jquery Draggable 函数被调用两次

Question

这个函数被调用两次的原因是什么？基本上，如果容器在另一个方向移动得太远，脚本应该将容器向右移动 100px。

<script type="text/javascript"> 
$(document).ready(function() {
  $( "#container" ).draggable({axis: "x", drag: function() {
      if($(this).offset().left < -100) {
        $(this).data('draggable').offset.click.left -= 100;
      }
    }
  });
});
</script>

<div id="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
</div>

我为此使用 jquery-latest.min 和 jquery-ui-1.8.14 （核心、小部件、鼠标、可拖动）。

Answer 1

每次拖动容器移动时都会调用拖动事件。在浏览器第一次从您的回调中重绘该事件之前，该事件可能会触发多次。

您可以使用 constrain 选项将 div 限制在容器内，和/或使用 revert 选项在对象超出容器时恢复对象。