jquery-resizable - onDrag event not working

Question

I am using the jquery-resizable plugin, and I need to inject some code as soon as users stop dragging the splitter. As soon as I add the onDragEnd event, I am not able to drag the handles anymore! I am using the onDragEnd function as listed on Git. Any idea why I am not able to catch that event?

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

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

Plugin: https://github.com/RickStrahl/jquery-resizable

Answer 1

You have a syntax error, try this:

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

Complete script (from your 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;
    }
  });
});