jQuery将事件传递到基础元素

Question

我有一个绑定了click事件的图像，它可以放大/缩小图像。我正在使用jQuery在图像的上角放置一个放大镜。问题是，点击放大镜并不会触发图像的放大/缩小。有没有一种jQuery方法可以将点击传递给底层元素，或者让图像订阅放大镜的点击事件？

我知道我可以在放大镜上放置一个点击处理程序，让它触发图像的点击事件，但我想知道是否有其他更好的方法来做到这一点。

作为对评论的回应，我的通用HTML是：

<div style="position: relative">
   <img src="growme.jpg" />
   <img src="magnify.jpg" style="position: absolute; top: 0;" />
</div>

和jQuery的伪代码

$(growme).load(
   $(growme).parent().append($(magnify));
   $(growme).click(...);
)

Answer 1

所以我自己解决了这个问题。我可以使用jQuery的.live()，它会在添加元素时自动绑定事件。因此，我只需调用我的(文档).ready，每次添加放大镜时，我可以让它为我单击上一个元素(我的图像)。

jQuery(".magnify").live("click", function() {
     jQuery(this).prev().click();
});

Answer 2

...have图像订阅放大镜的单击事件？

不使用$(‘#.click’)image(...)，而是使用$(' #image，#image .magnify').click()。