javascript - 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，最好使用父类和表单选择器来选择表单

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