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

时间:2011-06-26 20:53:16

标签: jquery jquery-ui jquery-tabs

我需要在创建事件时在标签中进行一些更改,但我不知道如何访问事件内的每个标签。

我试过这样但是它不起作用,我知道它是选择器的问题。

$("#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没有值

1 个答案:

答案 0 :(得分: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');

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