javascript - 在 Woocommerce 中触发 check_variations 事件

Question

我正在尝试在我的单个产品页面上为我的产品变体进行基于文本的选择。我基本上为每个变体中的每个选项生成一个 p-tag，并使用 javascript 在默认的 Woocommerce 选择下拉列表中选择该选项。该选项被选中，但 check_variations 事件没有被触发。

有谁知道如何从我的主题触发 check_variations 事件？check_variations 监听器位于 woocommerce/assets/js/frontend/add-to-cart-variation.js

JS

var ProductVariations = (function () {
    function ProductVariations() {
        this.$variationClickables = $('.variations .value p');
        this.setupClickHandlers();
    }
    ProductVariations.prototype.setupClickHandlers = function () {
        var _this = this;
        this.$variationClickables.bind('click', function (event) {
            _this.variationsClicked(event);
        });
    };

    ProductVariations.prototype.variationsClicked = function (event) {
        var $target = $(event.target);
        var targetVariation = $target.attr('value');
        $('option[value=' + targetVariation + ']', $target.closest('.variations')).attr('selected', 'true');
        $target.closest('.variations_form').trigger('change');
    };
    return ProductVariations;
})();

Answer 1

安德烈亚斯！你试过这个吗？

$('.variations_form').trigger('check_variations');