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

时间:2017-12-29 19:14:50

标签: jquery

我试图在使用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>
&#13;
&#13;
&#13;

选择器可以吗?我可以按名称选择按钮吗?

3 个答案:

答案 0 :(得分: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();
});

上面的代码允许更多的灵活性。您可以相互独立或“同时”致电thing1()thing2()

答案 1 :(得分:1)

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

$("button[name='add-to-cart']").click(function() {
  alert( "Cart button clicked." );
});

https://jsfiddle.net/g5h9exp6/

答案 2 :(得分:1)

jQuery(&#34;按钮[name =&#39; add-to-cart&#39;]&#34;)。触发器(&#34;点击&#34;);