如何仅在doubleclick上打开fancybox3？

问题描述

我正在寻找一种仅通过双击可排序图像网格即可打开fancybox画廊的方法。出现这种理想行为的原因是，我希望单击一下即可专注于其中一张图像，以便可以使用键盘命令对其进行重新排序（而不仅仅是拖放操作）。

我尝试使用onclick标记内的ondbclick和<a>参数来解决此问题，但未成功。在jsfiddle上，我举一个例子：对于第一个图像（带蓝色的图像），单击将重点放在元素上，但是双击不会打开图库。对于第二个图像，单击可打开画廊，但是如果不打开画廊，我将无法专注于元素。 （图3和图4仅供参考）：

    <ul id="sortable" class="sortable ui-sortable">
      <li id="obj_01" class="ui-state-default" onclick="this.focus()">
        <a tabindex="-1" data-fancybox="gallery" onclick="return false" ondblclick="location=this.href" href="http://fancyapps.com/fancybox/demo/2_b.jpg">
          <img src="http://fancyapps.com/fancybox/demo/2_s.jpg" />
        </a>
      </li>
      <li id="obj_02" class="ui-state-default" onclick="this.focus()">
        <a tabindex="-1" data-fancybox="gallery" href="http://fancyapps.com/fancybox/demo/1_b.jpg">
          <img src="http://fancyapps.com/fancybox/demo/1_s.jpg" />
        </a>
      </li>
      <li id="obj_03" class="ui-state-default" onclick="this.focus()">3</li>
      <li id="obj_04" class="ui-state-default" onclick="this.focus()">4</li>
    </ul>

我也无法获得fancybox open gallery with doubleclick上提出的公认解决方案。

由于我是JS / jquery的新手，而且不太精通HTML，是否有“简单”的方法可以使这项工作正常？

解决方法

您必须自己检测双击，然后才使用API​​启动fancybox