扩展已经扩展的 jqueryUI 工具提示小部件答案

【问题标题】：extending jqueryUI tooltip widget that has already been extended扩展已经扩展的 jqueryUI 工具提示小部件
【发布时间】：2013-06-16 11:04:09
【问题描述】：

我们已经将 jquery ui 工具提示扩展为自定义小部件。我们需要在不触及自定义小部件的情况下进一步扩展它。我很难让这个工作。请帮忙。

(function ($) {
var extensionMethods = {
        open: function () {
            var childElem = target.children('img');
                if (childElem.length) {
                    childElem.data('alt', childElem.attr('alt'));
                    childElem.removeAttr('alt');                
                }
            $ui.tooltip.prototype.open.apply(this, arguments);
            console.log("extension open works!");
        },
        close: function () {
            var childElem = target.children('img');
                if (childElem.data('alt')) {
                    childElem.attr('alt', childElem.data('alt'));
                }
            $ui.tooltip.prototype.close.apply(this, arguments);
            console.log("extension close works!");
        },        
    }

    var methods = $.extend(true, {}, $.ui.tooltip.prototype, extensionMethods);
    $.widget('my.customtooltip', methods);


})(jQuery);

【问题讨论】：

标签： jquery widget extend

【解决方案1】：

你可以用同样的方式扩展它，和原来的widget一样，你只需要一个自定义widget的构造函数：

// extend basic widget
var myTooltipWidget = $.widget('myTooltipWidget', $.ui.tooltip, {
    // widget code here
});

// extend custom widget
var myExtendedTooltipWidget = $.widget('myExtendedTooltipWidget', myTooltipWidget, {
    // widget code here
});

【讨论】：