jq ui-selectable中click单击事件，dblclick双击事件无效

在优化项目后台系统的图库上传组件时，需要双击图片也可以选中上传，但是也需要支持多个图片选中上传功能。
遇到的问题：
使用jq的Selectable小部件时，屏蔽了click,dblclick事件。后来查了一些资料得到了解决办法（可查看这篇博客：https://forum.jquery.com/topic/selectable-dosn-t-fire-click-event），selectable初始化的时候设置属性：distance的值大于0就可以解决了。
html元素如下：

相关jq代码：

//初始化selectable
$('#ui-selectable').selectable({distance: 1});

$('#ui-selectable .elfinder-cwd-file ').dblclick(function() {
   console.log('selectable的dblclick事件');
   $(this).addClass('ui-selected');
 });

$('#ui-selectable .elfinder-cwd-file').click(function() {
   console.log('selectable的click事件');
   $('#ui-selectable .elfinder-cwd-file').removeClass('ui-selected');
   $(this).addClass('ui-selected');
 });

执行效果：