button - 一旦点击 Woocommerce 下订单按钮状态
问题描述
当在我的 woocommerce 网站上单击“下单”按钮时,需要几秒钟才能完成订单,但用户无法看到轮子转动以显示脚本正在运行,因为它位于页面顶部。有没有办法将按钮上的文本更改为单击“请稍候”或至少更改访问后的颜色。
我尝试使用以下 css 更改访问状态的颜色,但它不起作用
.woocommerce #respond input#submit, .woocommerce a.button:visited, .woocommerce button.button:visited, .woocommerce input.button:visited {
color: #ffffff;
background-color: #262a2b;
border-radius: 0px;
}
解决方案
用这个:
add_action( 'wp_footer', 'custom_checkout_jquery_script' );
function custom_checkout_jquery_script() {
if ( is_checkout() && ! is_wc_endpoint_url() ) :
?>
<script type="text/javascript">
jQuery( function($){
jQuery('form.checkout').on('submit', function(event) {
jQuery('button#place_order').text('Please Wait');
event.preventDefault();
});
});
</script>
<?php
endif;
}
推荐阅读
- azure-logic-apps - 如果未收到特定用户的电子邮件,如何触发 Azure Logic App?
- activemq-artemis - 访问集群 Web 控制台
- javascript - 延迟加载 vimeo 仅适用于数组中的最后一个
- julia - 如何读取包含“类型”稀疏矩阵的泡菜文件
'在朱莉娅? - android - 如何为 android SDK 命令行工具设置环境变量
- com - 文本服务框架未能将全局区间值设置为 VT_BSTR
- excel - VBA excel - 根据值返回第一行和最后一行
- javascript - Android:JS Bundle 未从 Metro Bundler Server 加载
- javascript - 循环遍历对象数组并以 HTML 显示
- html - 滚动条出现时如何自动增加元素的宽度?