Question

我有一个jQuery小部件（关于主题：它来自Magento 2），其功能如下：

$.widget('custom.SwatchRendererTooltip', {
    // some more code here....

    /**
     * Update total price
     *
     * @private
     */
    _UpdatePrice: function () {
        var $widget = this,
            $product = $widget.element.parents($widget.options.selectorProduct),
            $productPrice = $product.find(this.options.selectorProductPrice),
            options = _.object(_.keys($widget.optionsMap), {}),
            result;

        $widget.element.find('.' + $widget.options.classes.attributeClass + '[option-selected]').each(function () {
            var attributeId = $(this).attr('attribute-id'),
                selectedOptionId = $(this).attr('option-selected');

            options[attributeId] = selectedOptionId;
        });

        result = $widget.options.jsonConfig.optionPrices[_.findKey($widget.options.jsonConfig.index, options)];

        $productPrice.trigger(
            'updatePrice',
            {
                'prices': $widget._getPrices(result, $productPrice.priceBox('option').prices)
            }
        );

    },
}

我想以某种方式挂钩这个函数，或者至少想知道它什么时候被触发。因此，每当调用_UpdatePrice时，我想知道它是为了做事情。怎么可能？

Answer 1

该函数会触发您可以收听的事件updatePrice：

$('body').on('updatePrice', function (e, data) {
  console.log(e.currentTarget, data.prices);
});

如何挂钩jQuery小部件的功能？

1 个答案: