A Shim for allowing jQuery UI to handle touch events for sortable/draggable

gistfile1.js

/*
 * Content-Type:text/javascript
 *
 * A bridge between iPad and iPhone touch events and jquery draggable,
 * sortable etc. mouse interactions.
 * @author Oleg Slobodskoi
 *
 * modified by John Hardy to use with any touch device
 * fixed breakage caused by jquery.ui so that mouseHandled internal flag is reset
 * before each touchStart event
 *
 * modified by Daniel Evans to use the _mouseCapture event, which respects the handle
 * option on sortable
 *
 */
(function($){
  $.support.touch = true; // typeof Touch === 'object';

  if (!$.support.touch){
    return;
  }

  var proto =  $.ui.mouse.prototype,
  _mouseInit = proto._mouseInit;

  $.extend(proto, {
    _getElementToBind: function(){
      var el = this.element;
      if(this.widgetName == "sortable"){
        console.log
      }
      return el;
    },

    _mouseInit: function(){
      this._getElementToBind().bind("touchstart." + this.widgetName, $.proxy(this, "_touchStart"));
      _mouseInit.apply(this, arguments);
    },

    _touchStart: function(event){
      if (event.originalEvent.targetTouches.length != 1){
        return false;
      }

      if(!this._mouseCapture(event, false)){ // protects things like the "handle" option on sortable
        return true;
      }

      this.element
        .bind("touchmove." + this.widgetName, $.proxy(this, "_touchMove"))
        .bind("touchend." + this.widgetName, $.proxy(this, "_touchEnd"));

      this._modifyEvent(event);

      $(document).trigger($.Event("mouseup")); // reset mouseHandled flag in ui.mouse
      this._mouseDown(event);

      return false;
    },

    _touchMove: function(event){
      this._modifyEvent(event);
      this._mouseMove(event);
    },

    _touchEnd: function(event){
      this.element
        .unbind("touchmove." + this.widgetName)
        .unbind("touchend." + this.widgetName);
      this._mouseUp(event);
    },

    _modifyEvent: function(event){
      event.which = 1;
      var target = event.originalEvent.targetTouches[0];
      event.pageX = target.clientX;
      event.pageY = target.clientY;
    }

  });

})(jQuery);