在jQuery.draggable插件中拖动网格时是否可以绑定到resize事件？

Question

我使用jQuery.draggable插件使用以下配置：

   this.$el.draggable({
        scroll: false,
        axis: false,
        opacity: 0.5,
        helper: 'clone',
        grid: [100, 100]
        drag: function (e, ui) {
          console.log('Dragging');
        }
    });

现在拖动事件会在每次鼠标移动时触发，但我只有在网格上拖动元素时才需要触发此事件（选项：grid：[100,100]）。

我怎么能绑定那个事件？

编辑：示例http://jsfiddle.net/FNhFX/5/

Answer 1

我认为你应该使用“收容”选项： http://jsfiddle.net/FNhFX/38/

我已用该选项更新了你的小提琴

$(function() {
    $(".drag-item").draggable({
        grid: [20, 20],
        containment: "parent"
    });
    $(".outside-drag-item").draggable({
        grid: [20, 20],
        helper:"clone"
    });
    $(".drop-target").droppable({
        accept: ".drag-item"
    });
});