首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >WooCommerce购物车页面中数量变化的自动触发更新

WooCommerce购物车页面中数量变化的自动触发更新
EN

Stack Overflow用户
提问于 2020-10-16 18:53:16
回答 1查看 1.4K关注 0票数 1

我从woocommerce购物车中删除了更新按钮,我试图让购物车在桌面和移动设备上更新数量变化。下面的脚本使作业,但出于某种原因,它只工作一次。希望有人能帮忙,太感谢了!

代码语言:javascript
运行
复制
add_action( 'wp_footer', 'update_cart_qty' ); 
function update_cart_qty() {
   if (is_cart()) {
      ?>
      <script type="text/javascript">
         jQuery('input.qty').change(function(){
            jQuery("[name='update_cart']").trigger("click");
         });
      </script>
      <?php
   }
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-16 20:27:39

要使其工作,您需要将“更改”事件委托给文档主体,方法如下:

代码语言:javascript
运行
复制
add_action( 'wp_footer', 'auto_update_cart_on_qty_change' );
function auto_update_cart_on_qty_change() {
    if ( is_cart() ) :
    ?>
    <script type="text/javascript">
    (function($){
        $( document.body ).on( 'change input', 'input.qty', function() {
            $('[name=update_cart]').trigger('click');
        });
    })(jQuery);
    </script>
    <?php
    endif;
}

代码位于活动子主题(或活动主题)的functions.php文件中。测试和工作。

当客户在quantity字段中输入值时,还添加了" input“事件。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64394865

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档