将Java脚本按钮添加到订购按钮

时间：2018-01-19 作者：Lamani

如果用户选择信用卡网关，我想在结账页面中添加确认弹出窗口。单击“下订单”按钮后，我成功添加javascript代码，使用：

jQuery(function ($) {

    $("form.woocommerce-checkout").on(\'submit\', function () {

        // show confirm popup and conditions to continue or return to form.

    });

});
这是工作，但在后台，页面继续重定向到下订单。如何停止重定向？在用户单击确认弹出窗口中的确定后，如何进行重定向？

2 个回复
SO网友:mmm

第一步是定义为函数执行此操作时的事件

.on(\'submit\', function (event) {
在您可以使用此代码停止表单提交后：

event.preventDefault();

SO网友:Dharmishtha Patel
add_filter( \'woocommerce_order_button_html\', \'custom_order_button_html\');
function custom_order_button_html( $button ) {

    // The text of the button
    $order_button_text = __(\'Place order\', \'woocommerce\');

    // HERE your Javascript Event
    $js_event = "fbq(\'track\', \'AddPaymentInfo\');";

    // HERE you make changes (Replacing the code of the button):
    $button = \'<input type="submit" onClick="\'.$js_event.\'" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="\' . esc_attr( $order_button_text ) . \'" data-value="\' . esc_attr( $order_button_text ) . \'" />\';

    return $button;
}
结束
标签： plugin-development   小码农  

相关推荐