jQuery按钮一键两种功能

Question

我有一个网络表单，我想提交一个PayPal按钮点击。

我能让其中一个工作，但不是两个都能。因此，贝宝按钮是提交表单，然后加载付款页面。此代码仅提交表单，不加载付款页面。

$('#block-paypalblock input[type="image"]').click(function() {
    $('#edit-actions input#edit-actions-submit').click();
})

此代码仅加载付款页面：

$('#block-paypalblock input[type="image"]').click(function() {
    $('#edit-actions input#edit-actions-submit').click();
    $(this).click();
})

我错过了什么？我需要第三个按钮来处理其他两个按钮吗？

<form class="webform-submission-form webform-submission-add-form webform-submission-purchase-1-2-3-form webform-submission-purchase-1-2-3-add-form js-webform-details-toggle webform-details-toggle contextual-region" data-drupal-selector="webform-submission-purchase-1-2-3-add-form" action="/form/purchase-1-2-3" method="post" id="webform-submission-purchase-1-2-3-add-form" accept-charset="UTF-8" data-drupal-form-fields="edit-first-name,edit-actions-submit">

Answer 1

我认为你的选择器很糟糕，试图用一个选择器同时点击两个按钮对我来说不起作用，但这确实起作用。

$(function () {
    $('.test').click(function () {
        $('#edit-actions').click();
        $('input#edit-actions-submit').click();
    });

    $('#edit-actions').click(function () {
        console.log('#edit-actions', 'clicked');
    });

    $('input#edit-actions-submit').click(function () {
        console.log('#edit-actions-submit', 'clicked');
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="test">click me</button>
<input type="button" id="edit-actions" value="button1" />
<input type="button" id="edit-actions-submit" value="button2" />

Answer 2

最好的方法是为两个函数命名：

function myfunction1 () {
    myelement1 = $('#element1')
    //work with element 1
});

function myfunction2 () {
    myelement2 = $('#element2')
    //work with element 2
});

那你想什么时候打就什么时候打

$(mytrigger).click(function () {
    function1();
    function2();
});