jquery - 如何在事件创建 jquery 中访问特定选项卡

Question

创建事件时，我需要在选项卡中进行一些更改，但我不知道如何访问事件内部的每个选项卡。

我试过这样但它不起作用，我知道问题出在选择器上。

$("#menuContainer").tabs({
    selected : 1,
    create: function (event, ui){
        $(this).css('background','#54B2F1 url(images/ui-bg_glow-ball_75_53ade9_600x600.png) 50% 50% repeat-x');
    }
});

我也试过这样

$(ui.panel).css('background','#54B2F1 url(images/ui-bg_glow-ball_75_53ade9_600x600.png) 50% 50% repeat-x');

但元素 ui 没有值

Answer 1

您创建处理程序中的“this”是指用作选项卡控件包装器的 div：

<div class="ui-tabs" /> 

所以你发布的代码应该改变它的背景。如果您想自己设置各个选项卡的样式，则需要执行以下操作：

$(this).find('.ui-tabs-nav li').css('background','#54B2F1 url(images/ui-bg_glow-ball_75_53ade9_600x600.png) 50% 50% repeat-x');

创建整个选项卡控件时触发创建触发器。我认为在这种情况下，您正在寻找在创建单个选项卡时触发的事件。