javascript - 单击其他元素与单击此元素相同

Question

抱歉，标题可能看起来很困惑。

我有 2 个元素。没有像 parent 或 child 那样的关系。

<div class="alpha"></div>
<div class="beta"></div>

class=alpha 有事件，如果我们点击它，会有一个淡入或淡出元素(由 jQuery 完成)。

现在我想模拟一下。如果我们点击 class="beta" 它与我们点击 class="beta" 是一样的。

---

更多细节就像如果我们点击 beta alpha 将显示它的淡入淡出效果:)

我们怎样才能做到？

非常感谢

Answer 1

在 jQuery 中，您可以直接调用 .click() 函数或使用 .trigger() 并传递给它 "click"。所以要么:

$(".beta").click();

或者

$(".beta").trigger("click");

这些方法中的任何一种都会为 .beta 调用您的点击处理程序

如果你想问，如果我点击 .alpha，我想模拟点击 .beta，那么这就是你想要的:

$("body").delegate(".alpha", "click", function() {
    $(".beta").click();
});