WooCommerce 购物车页面更新后循环功能未运行

Question

我正在尝试在 WooCommerce 购物车页面上运行一个简单的循环。 页面最初加载时，该功能会执行此操作，但在更新购物车时，它变得毫无生气。

这是我的循环函数：

let radios = document.querySelectorAll( 'input[name="radio_options_set"]' );

simplySetAttrs();

function simplySetAttrs() {

    // I started the var at 1 to skip the first radio input
    for (var xx = 1; xx < radios.length; xx++) {
        radios[xx].setAttribute( 'onclick', 'dothisFunction( this );' );
    }
}

唯一显示任何响应的 WooCommerce 事件是 'updated_cart_totals'，而我在购物车页面上定位的单选按钮是由另一个插件插入的。

我是这样实现的：

jQuery( document.body ).on( 'updated_cart_totals', simplySetAttrs() );

我无法弄清楚为什么最基本的循环不采取行动。如果我执行 alert()，它会按预期工作，即使在设置超时之后也是如此。

我也尝试添加不同的事件侦听器作为设置属性的替代方法，但无济于事。

Answer 1

您可以使用 jQuery attr 来设置属性。试试下面的代码。

let radios = document.querySelectorAll( 'input[name="convert_to_sub"]' );

simplySetAttrs();

function simplySetAttrs() {
    // I started the var at 1 to skip the first radio input
    for (var xx = 1; xx < radios.length; xx++) {
        jQuery(radios[xx]).attr( 'onclick', 'dothisFunction( this );' );
    }
}