When start dragging an object, its proxy object will display on top of source object. The dblclick event will become invalid. To solve this issue, hide the proxy object and delay its display. The code looks like this:
$(function () {
$('.ControlContainer a').dblclick(function () {
alert('hello');
});
$('.ControlContainer a').draggable({
revert: true,
proxy: 'clone',
onStartDrag: function () {
$(this).draggable('options').cursor = 'not-allowed';
var proxy = $(this).draggable('proxy').css('z-index', 10);
proxy.hide();
setTimeout(function(){
proxy.show();
}, 500);
},
onDrag: function(){
$(this).draggable('proxy').show();
},
onStopDrag: function () {
$(this).draggable('options').cursor = 'move';
}
});
});