如何調用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'); 
});