如何仅在双击时打开fancybox3？答案

【问题标题】：How to open fancybox3 only on doubleclick?如何仅在双击时打开fancybox3？
【发布时间】：2020-12-22 21:32:00
【问题描述】：

我正在寻找一种方法来打开一个fancybox画廊，只需双击一个可排序的图像网格。这种理想行为的原因是我想通过单击来关注其中一个图像，以便可以使用键盘命令（而不仅仅是拖放）对其重新排序。

我尝试使用<a> 标记中的onclick 和ondbclick 参数来解决此问题，但未成功。在jsfiddle 我举个例子：对于第一张图片（蓝色的），单击聚焦在元素上，但双击不会打开图库。对于第二张图片，单击即可打开图库，但如果不打开图库，我将无法专注于元素。（图三、四仅供参考）：

    <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 不是很精通，有没有一种“简单”的方法来完成这项工作？

【问题讨论】：

标签： html jquery fancybox double-click

【解决方案1】：

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

【讨论】：