如何获取jQuery中当前选定的选项卡以获得css样式?

问题描述:

可能重复:
I need to add custom css to jquery tabs when it is selected, how ?如何获取jQuery中当前选定的选项卡以获得css样式?

我有一个代码来显示一个消息,当一个标签被选中,但现在我想背景图像添加到所选择的选项卡时,它是被选中。

下面是代码:

<script type="text/javascript"> 
$(function(){ 
    $("#myTabs").bind("tabsselect", function(e, tab) { 
     alert("The tab at index " + tab.index + " was selected"); 
    }); 
    $("#myTabs").tabs(); 
}); 
</script> 

我认为像($选择的选项卡)的CSS( “背景图片”, “URL的东西..”);应该可以工作,但我不知道当前选定选项卡的语法。

任何想法?

+0

请阅读[答] [1]。 [1]:http://*.com/questions/5509895/i-need-to-add-custom-css-to-jquery-tabs-when-it-is-selected-how – Haxed 2011-04-04 08:09:31

+0

我真的不认为这应该被关闭,因为它应该改变的背景下。我的意思是说,这个问题是“误导”的。你不需要使用jQuery来做他想做的事情,你可以使用简单的CSS来使用jQuery类,这些类在创建标签时自动添加。例如:'.ui-tabs-selected {background-image:url(http:// ...); }或面板'.ui-tabs-panel:not(.ui-tabs-hide){background-image:url(http:// ...);} }' – SpYk3HH 2012-08-26 23:43:29

参见:jQuery UI Tabs Get Currently Selected Tab Index

此外,建议改变你的标题更合适,如“我如何在jQuery的当前选择的选项卡”的东西。

+0

可以帮我用这部分代码$(选择标签).css(“background-image”,“url stuff ..”); – Haxed 2011-04-01 10:56:05