jquery-resizable - onDrag 事件不起作用

Question

我正在使用 jquery-resizable 插件，一旦用户停止拖动拆分器，我需要注入一些代码。一旦我添加了 onDragEnd 事件，我就不能再拖动手柄了！我正在使用 Git 上列出的 onDragEnd 函数。知道为什么我无法捕捉到该事件吗？

onDragEnd: function () {
     alert();
     return false;
});

小提琴：https://jsfiddle.net/mvg0vdm8/2/

插件：https://github.com/RickStrahl/jquery-resizable

Answer 1

你有语法错误，试试这个：

onDragEnd: function () {
     alert();
     return false;
}

完成script（来自您的小提琴）：

$(document).ready(function() {
  $(".panel-left").resizable({
    handleSelector: ".splitter",
    resizeHeight: false,
    onDragEnd: function () {
     alert();
     return false;
    }
  });

  $(".panel-top").resizable({
    handleSelector: ".splitter-horizontal",
    resizeWidth: false,
    onDragEnd: function () {
     alert();
     return false;
    }
  });
});