Woocommerce 2.6.2添加禁用属性以更新cart按钮

Question

我正在使用Wordpress 4.5.3和Woocommerce 2.6.2。

woocommerce/cart/cart.php内部代码

 <input type="submit" class="button" id="update_cart_button" name="update_cart" value="<?php esc_attr_e( 'Update Cart', 'woocommerce' ); ?>" />

    <?php do_action( 'woocommerce_cart_actions' ); ?>

    <?php wp_nonce_field( 'woocommerce-cart' ); ?>

它生成以下html：

<input type="submit" class="button" id="update_cart_button" name="update_cart" value="Winkelmand bijwerken" disabled="">
<input type="hidden" id="_wpnonce" name="_wpnonce" value="847e1da0f8">
<input type="hidden" name="_wp_http_referer" value="/winkelmand/">

奇怪的是，在输入字段中添加了“禁用”属性。当我用开发人员工具删除禁用的值时，我可以单击按钮，并正确地更新购物车。

因此，我想移除这个属性，我已经尝试过：

尝试1

<script>
 document.getElementById('update_cart_button').disabled = false;
</script>

企图2

<script>
 jQuery('#update_cart_button').prop('disabled', false);
</script>

尝试3

<script>
 jQuery('#update_cart_button').removeAttr('disabled'); 
</script>

但是，所有解决方案都不会删除禁用的属性。

Answer 1

你可以试试下面的代码-

jQuery(document).ready(function() {
jQuery( '.shop_table.cart' ).closest( 'form' ).find( 'input[name="update_cart"]' ).removeProp( 'disabled');
  });

Answer 2

我也有过同样的问题。我认为我的解决方法不是最好的，但它应该在我们等待补丁的时间起作用，所以你可能想听听。

进入

wp-content/plugins/woocommerce/assets/js/frontend/cart.min.js

这有点让人费解，但你可以搜索

.prop(“禁用”，!0)}，input_changed

将!0改为!1

保存和上传文件后，按钮应该可以再次正常工作。有一个问题，即在更改后启用按钮的函数已被删除，按钮现在一直处于启用状态。就像我说过的，临时解决方案，在补丁之后，就不需要进一步编辑了。

问候卢卡斯

Answer 3

如果您想在更改产品数量之后启用按钮，您可以这样做：

$(document).on("click",".woocommerce-cart .control-prod", function (e) {
    $( ".woocommerce-cart .control-prod" ).click(function() {
        $('input[name="update_cart"]' ).removeProp( 'disabled');
    });
});

其中.元素是您更改产品数量的地方。您还可以在单击中使用“更改”。