如何将一个函数添加到另一个 jQuery 函数中？

Question

我正在尝试将这个短函数（根据 jQuery UI 选项卡中的活动选项卡交换图像）添加到下面的较大函数，该函数是 jQuery Address 插件，它将向前/向后和 #URL 函数添加到 UI 选项卡：< a href="http://www.asual.com/jquery/address/" rel="nofollow">http://www.asual.com/jquery/address/

我需要添加较短的函数所以当选项卡改变时它会触发 - 所以它会改变#headerwrapper 中的图像 - 但我不太清楚主地址函数中的制表符更改是在哪里触发的。关于如何将这个较短的函数添加到 jQuery Address 有什么想法吗？

图像更改功能我需要添加到下面的主函数中，以便在选项卡更改触发时运行：

 var img = $(ui.panel).data("image");
    $("#headerwrapper")
    .animate({ opacity: 'toggle' }, function() {
    $(this).css("background-image", "url(" + img + ")")
    .animate({ opacity: 'toggle' });
    });
    }

主 jQuery 选项卡地址功能：

<script type="text/javascript">
var tabs,
tabulation = false,
initialTab = 'home',
navSelector = '#tabs .ui-tabs-nav',
navFilter = function(el) {
return $(el).attr('href').replace(/^#/, '');
},
panelSelector = '#tabs .ui-tabs-panel',
panelFilter = function() {
$(panelSelector + ' a').filter(function() {
return $(navSelector + ' a[title=' + $(this).attr('title') + ']').size() != 0;
}).each(function(event) {
$(this).attr('href', '#' + $(this).attr('title').replace(/ /g, '_'));
});
};

if ($.address.value() == '') {
$.address.value(initialTab);
}

$.address.init(function(event) {

$(panelSelector).attr('id', initialTab);

$(panelSelector + ' a').address(function() {
return navFilter(this);
});

panelFilter();

tabs = $('#tabs')
.tabs({
load: function(event, ui) {
$(ui.panel).html($(panelSelector, ui.panel).html());
panelFilter();
},
fx: {
opacity: 'toggle', 
duration: 'fast'}
})
.css('display', 'block');

$(navSelector + ' a').click(function(event) {
tabulation = true;
$.address.value(navFilter(event.target));
tabulation = false;
return false;
});

}).change(function(event) {

var current = $('a[href=#' + event.value + ']:first');

$.address.title($.address.title().split(' - ')[0] + ' - ' + current.text());

if (!tabulation) {
tabs.tabs('select', current.attr('href'));
}

}).history(true);

document.write('<style type="text/css"> #tabs { display: none; } </style>');
</script>