目标WooCommerce提交按钮

时间:2015-06-19 作者:user2806026

在提交订单之前,我尝试挂接WooCommerce提交按钮并应用一些自定义jQuery脚本。然而,我似乎无法将目标对准签出页面上的提交按钮。我尝试了以下方法:

jQuery(\'form[name="checkout"]\').submit(function(event) {
  alert( "Checkout submit!" );
  console.log(\'test\');
  event.preventDefault(); 
});
以及

jQuery(\'#place_order\').on("click",function() {
  alert( "Checkout submit!" );
  console.log(\'test\');
  event.preventDefault();
});
所有这些似乎都不起作用。有什么想法吗?表单的名称是checkout,提交按钮的id是place\\u order。

谢谢

1 个回复
最合适的回答,由SO网友:Mitul 整理而成

请复制woo commerce收银台。js并粘贴到主题文件夹中,然后在函数中添加以下代码。php

然后,您可以更改结账。js来自您的他们。

function so_27023433_disable_checkout_script(){
    wp_dequeue_script( \'wc-checkout\' );
    wp_enqueue_script(\'checkout\',  get_template_directory_uri() . \'/js/checkout.js\', array(), \'1.0.0\', true );
}
add_action( \'wp_enqueue_scripts\', \'so_27023433_disable_checkout_script\' );

结束

相关推荐

What is calling jquery?

我只是不知道在我的主题中调用两个jquery脚本是什么。即使我turn off all plugins, 他们仍在被呼叫。我有not enqueued 在我的function.php 也不是在我的header.php 或footer.php.可能是WP core在呼叫他们吗?有什么办法可以找到答案吗?正在调用的两个jquery Javascript是:/wp包括/js/jquery/jquery。js公司/wp包括/js/jquery/jquery-migrate。最小js我想推迟他们,甚至把他们放在页脚