单击第一个按钮时，jQuery 触发第二个按钮

Question

我试图在使用 jQuery 单击第一个按钮时触发第二个按钮单击，我有这个..

jQuery( "#dup_button" ).click(function() {
    alert("Duplicate Button Pressed");
    jQuery("input[name='add-to-cart']").click();
});
    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="dup_button">
  Click Me
</button>

<button name="add-to-cart" class="single_add_to_cart_button button alt">Add To Cart</button>

这对于选择器来说可以吗？我可以像这样通过名称选择按钮吗？

Answer 1

如果您尝试触发按钮上的点击事件，可以使用 .trigger() ，而不是单击 .click()

.click() 注册元素被单击(其单击处理程序)时发生的情况，但不发出单击事件。

您可能还想尝试“功能化”您的代码，例如:

function thing1() {
  // things happen
  alert("Duplicate Button Pressed");
}

function thing2() {
  // other things happen
}

jQuery("#dup_button").click(function() {
  thing1();
});

jQuery("input[name='add-to-cart']").click(function() {
  // any"thing" can happen! lol.
  thing1();
  thing2();
});

上面的代码提供了更多的灵 active 。您可以相互独立或“同时”调用 thing1() 或 thing2()。