JQuery - 具有相同 ID 的元素上的 onclick 和 .click 处理程序

Question

我该如何解决这个问题？ 在确认页面上的订单过程结束时，我有一种付款方式（可以是各种形式，按钮 ID 相同）单击确认订单按钮后，我需要使用 jquery 调用 some_script.php 并同时重定向到支付网关。单击确认按钮后，仅处理 onclick="$('#payment').submit(); ，页面被重定向但未调用 some_script.php。感谢您的帮助。

<div class="payment">
  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="payment">
    <input type="hidden" name="cmd" value="_cart">
    <input type="hidden" name="upload" value="1">
    ....
  </form>
  <div class="buttons">
    <div class="right">
      <a id="button-confirm" class="button" onclick="$('#payment').submit();">
      <span>Confirm</span></a>
    </div>
  </div>
</div>

<script>
$('#button-confirm').click(function() {
$.get(
   'some_script.php',
   {order_id: '<?php echo $order_id; ?>'},
   'html'
    );
});
</script>

Answer 1

这也许有帮助

<script>
    $('#button-confirm').click(function (e) {
        e.preventDefault();

        $.get(
           'some_script.php',
           {order_id: '<?php echo $order_id; ?>'},
           'html'
        );

        $('#payment').submit();
    });
</script>

这就是你要找的吗？

---

编辑：
用这个替换脚本上的提交部分，我认为它有效

var submitForm = $('#payment');
if(submitForm){
    $('#payment').submit();
}

编辑2：
如果表单标签有各种id，最好使用父类和form选择器来选择表单

var submitForm = $('.payment form');
if(submitForm){
    $('.payment form').submit();
}

Answer 2

这是因为您为同一个动作编写了 2 个不同的事件。 onclick="$('#payment').submit(); 被处理，因为它写了一个内联。

为了获得预期的结果，您必须更改以下代码。

   <a id="button-confirm" class="button">

和

 <script>
 $('#button-confirm').click(function() {
 $.get(
'some_script.php',
{order_id: '<?php echo $order_id; ?>'},
'html'
 );
$('#payment').submit();
});
</script>