JsPlumb сенсорный экран

У меня есть приложение, использующее JsPlumb Framework. Он отлично работает на рабочем столе, однако при использовании сенсорного устройства он не работает правильно.

У меня есть объект, который можно перетаскивать по экрану, это отлично работает как на сенсорном устройстве, так и на рабочем столе. Однако у меня также есть действие, которое, когда пользователь нажимает на устройство, может установить соединитель для перетаскивания строки на другой объект, чтобы объединить их. Однако на сенсорных устройствах не удается установить разъем.

Сенсорное устройство будет нарисовать значок, но он отобразится сразу. Это до того, как сенсорное устройство не может определить разницу между опцией drag/touch.

Я добавил код, чтобы узнать, связано ли это с моим кодом.

$("#container").append(state)
jsPlumb.draggable("state" + i);

jsPlumb.makeSource($('.item'), {
   connector: 'StateMachine',
});
jsPlumb.makeTarget($('.item'), {
   anchor: 'Continuous',
   reattach:true,
   isTarget:true,
   beforeDrop:function(params) {
      'Some code'
  }
});

РЕДАКТИРОВАТЬ

JSFiddle

http://jsfiddle.net/8jMqG/6/

ИЗМЕНИТЬ СНОВА

Из документов показано следующее:

Совет. Используйте метод addEndpoint с тремя аргументами для общих данных. Одна вещь, которая случается довольно часто, заключается в том, что у вас есть конечная точка, внешний вид и поведение которой в основном одинаковы между обычаями для разных элементов, с несколькими отличиями.

var exampleGreyEndpointOptions = {
   endpoint:"Rectangle",
   paintStyle:{ width:25, height:21, fillStyle:'#666' },
   isSource:true,
   connectorStyle : { strokeStyle:"#666" },
   isTarget:true

};

Это то, что я делаю на jsfiddle.

Спасибо, Джеймс