Jquery UI sortable - perform action BEFORE start event fires

Question

I have searched STACKOVERFLOW and other forums for the solution to my problem - if I have missed a working solution please point me towards it.

My Problem: Whenever drag

Answer 1

You can do this, but it's not future proof for upcoming versions of jQuery UI:

var oldMouseStart = $.ui.sortable.prototype._mouseStart;
$.ui.sortable.prototype._mouseStart = function(event, overrideHandle, noActivation) {
   this._trigger("CustomBeforeStart", event, this._uiHash());
   oldMouseStart.apply(this, [event, overrideHandle, noActivation]);
};

You can then use the new event when setting up the sortable:

$(".whatever").sortable({
  "CustomBeforeStart":function(e, ui) {
  }
  ...
});