javascript - jQuery UI选项卡的事件监听器？

是否有可用于jQuery UI的选项卡小部件的事件监听器？

我想根据当前处于事件状态的标签索引来更改网页的背景颜色。所以像这样(伪代码):

$('.tabs').addEventListener(index, changeBackgroundImage);

function changeBackgroundImage(index) {
    switch (index) {
        case 1:
            $('body').css('background-image', '/images/backgrounds/1.jpg');
        break;
        case 2:
            $('body').css('background-image', '/images/backgrounds/2.jpg');
        break;
        case 3:
            $('body').css('background-image', '/images/backgrounds/3.jpg');
        break;
        default:
            $('body').css('background-image', '/images/backgrounds/default.jpg');
        break;
    }
};

提前致谢。

最佳答案

使用tabsshow事件，索引将从0开始。

$('#tabs').bind('tabsshow', function(event, ui) {
  switch (ui.index){
    case 0:
        $('body').css('background-image', '/images/backgrounds/1.jpg');
        break;
  }
});

关于javascript - jQuery UI选项卡的事件监听器？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5551211/