Question

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

我也希望在另一个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

当您点击其他div时，您是否希望在#ex4上发生效果？如果是的话......

结帐.trigger() http://api.jquery.com/trigger/

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

Answer 2

我假设您使用jQuery插件来处理点击事件，这使您可以使用.zoom（{on：'toggle'，...}）。如果要在单击其他元素时调用缩放，则必须处理对这些元素的单击，例如：

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

Answer 3

您需要使用 trigger() ：

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

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

3 个答案: