如何挂接到jQuery小部件的函数？

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);
});