如何调用JQuery中另一个元素中的一个元素的事件

Question

这里我在图像上有一些CSS按钮。基本上现在发生的是当我点击图像时，图像放大到一个位置。现在我需要相同的。 CSS按钮位于图像上的不同位置。现在当我点击图像上的按钮时，它应该放大到图像的那一部分。

我也想同样发生onclick另一个div。

这是我的代码..

<script> 
    $(document).ready(function(){ 
      $('#ex4').zoom({ on:'toggle',duration: 500 }); 
      $('.frame').css('width','100%'); 
        $('#f1').zoom({ on:'toggle',duration: 500 }); 
    }); 
</script> 

在上面的代码中，我有一个具有id="ex4"和图像的元件。当我点击ex4元素时，图像会放大。同样，当我点击＃f1时，ex4中的图像应该放大。我怎样才能做到这一点？

Answer 1

你需要使用trigger()：

$("#ex4").trigger("click"); 

Answer 2

想要在#ex4上点击其他div时发生效果吗？如果是这样的......

退房.trigger()​​

使用$('#ex4').trigger('click')在你的其他功能，它应该模拟#ex4元素的点击。

Answer 3

我假设你使用了一个处理点击事件的jQuery插件，这使得你可以使用.zoom（{on：'toggle'，...}）。 如果你要调用的变焦另一元件上点击时，你必须处理这些元素的点击，例如：

$('#f1').click(function(evt) { 
    $('#ex4').trigger('click'); 
});