设置灯箱,以便在双击/点击而不是单击/点击时显示展开的图片?
更新:
我正在使用下面的代码来禁用链接上的单击命令,并使它们对双击做出反应:
$('a', this).each(function () {
$(this).click(function () {
return false;
}).dblclick(function () {
window.location = this.href;
return false;
});
});
但是,我得到的只是带有图片的页面加载,而不是加载图片叠加的灯箱功能。如何从 javascript/jquery 函数调用灯箱功能?
Jquery 提供了一个 dblclick 事件处理程序
http://api.jquery.com/dblclick/
Javascript提供了一个ondblclick监听器
http://reference.sitepoint.com/html/event-attributes/ondblclick
更新:
我明白了,Lokesh 的 Lighbox(我假设是你正在使用的那个,因为有几个)本质上连接到单击事件,你可以在第 49-55 行看到它。
github.com/lokesh/lightbox2/blob/master/js/lightbox.js
您正在尝试的方法只会解决问题的一半,即取消单击激活。"dblclick"部分正在执行您想要的操作,即在窗口本身上打开图像。
没有代码触发该事件的灯箱。
您可以做三件事:(i) 修改 lighbox,只需更改第 51 行上的事件即可。(ii) 使用不同的插件,一个接受选项的插件。(iii) 创建一个视图控制器,用于初始化 LB 参数并模拟单击以触发它。
解决方案 (i) 有一个警告,即阻止您更新到新版本,因为它们不需要自己修改代码,但由于更改是微不足道的,因此可能不是问题。解决方案(iii)很丑陋,我不推荐它,但为了完整起见,它在那里。