在jQuery中拖动网格时是否可以绑定调整事件大小?可拖动的插件

Is it possible to binds to resize event when dragging on grid in jQuery.draggable plugin?

本文关键字：拖动 事件 插件 调整 jQuery 网格 是否 绑定      更新时间：2023-09-26

我使用jQuery。可拖动插件，配置如下:

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

现在每次鼠标移动时都会触发拖动事件，但我只需要在网格上拖动元素时触发此事件(option: grid:[100,100])。

如何绑定该事件?

编辑:

例子http://jsfiddle.net/FNhFX/5/

我认为你应该使用"containment"选项: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"
    });
});
相关文章：