jQuery放大镜＆amp; prettyPhoto - 如何使它们都工作？

Question

我想对照片应用两个动作： 1.悬停：运行jQuery放大镜放大它 2.点击：运行prettyPhoto进行缩放

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

谢谢！

Answer 1

您可以直接转发触发事件，如下所示：

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

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