jquery-resizable - onDrag 事件不工作

Question

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

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

Fiddle: https://jsfiddle.net/mvg0vdm8/2/

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

Answer 1

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

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

完成 script（来自您的 fiddle）：

$(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;
    }
  });
});