jQuery loupe & prettyPhoto - 我怎样才能让它们都工作？答案

【问题标题】：jQuery loupe & prettyPhoto - how can I make them both working?jQuery loupe & prettyPhoto - 我怎样才能让它们都工作？
【发布时间】：2011-09-27 05:11:59
【问题描述】：

我想对一张照片应用两个操作： 1.悬停时：运行jQuery loupe放大它 2.点击：运行prettyPhoto进行缩放

问题：这就是我一直在尝试做的事情：http://jsfiddle.net/sherlock85/Udfey/ 如您所见，放大镜工作正常，但 prettyPhoto 插件不能。如果我评论或删除放大镜初始化行： $('.demo').loupe(); prettyPhoto 开始正常工作。有没有一种简单的方法可以让它们都正常工作？

谢谢！

【问题讨论】：

这是小提琴：jsfiddle.net/sherlock85/Udfey/1
这只是一个猜测，但我推测点击事件不再出现在图像中，因此永远不会触发 prettyPhoto。您可能需要修改放大镜代码以侦听它放置在图片上的 div（或它正在使用的任何东西）上的点击事件，并从该处理程序触发图像的点击事件。

标签： jquery lightbox loupe

【解决方案1】：

您可以像这样向前转发触发事件：

$('.loupe').click(function(){   
      $(this).prev().trigger('click');     
});

示例：http://jsfiddle.net/niklasvh/nKean/

【讨论】：