JQuery Draggable干扰双击事件

Question

我有一个可拖动的元素，并且绑定了一个dlbCLick事件。问题在于，这会导致用户体验非常差，因为用户双击元素时，拖动开始激活，这非常令人恼火。

我记得我曾经遇到过一篇文章，它解释了一个有助于不干扰dblClick触发启动的黑客攻击。有人可以提出一个想法吗？

$(document).ready(function() {
  var $calendarReal = $('#calendar-real');
  $calendarReal.fullCalendar({
    events: [{
      title: 'Current',
      start: '2018-06-02',
      id: 123
    }],
    eventRender: function(event, element) {
      element.bind('dblclick', function() {
        console.log('Double click');
      });
    }
  });

  $('.fc-event').draggable({
    zIndex: 999,
    revert: true,
    revertDuration: 0,
    helper: 'clone',
    start: function(event, ui) {
      alert('Drag started');
    }
  });

});

这里是fiddle。

http://jsfiddle.net/3g4etf7c/