如何创建自定义jquery选项卡？

Question

我有这个特定的场景：

我有4个选项卡，每个选项卡有它自己的2个图标，当它被选中或没有。

我想要做的是当我单击另一个选项卡时单击该选项卡并更改为另一个图标时图标发生更改。

p.s.我正在谈论标签本身，而不是关于容器的内容。

感谢

检查这一形象： http://answers.oreilly.com/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=621

Answer 1

假设每个选项卡都有自己的css类，您可以在CSS中为选项卡中的每个图片使用background-image。

然后，当标签被选中（您可以再添加一个类说这是选择像“选择”或东西），然后给予不同的图像

例如：

 
.book_tab{ 
background-image:url('img_plane.png'); 
background-repeat:no-repeat;` 
} 
.rent_tab{ 
background-image:url('img_car.png'); 
background-repeat:no-repeat;` 
} 
.deals_tab{ 
background-image:url('img_tag.png'); 
background-repeat:no-repeat;` 
} 
.book_tab .selected{ 
background-image:url('img_plane2.png'); 
background-repeat:no-repeat;` 
} 
.rent_tab .selected{ 
background-image:url('img_car2.png'); 
background-repeat:no-repeat;` 
} 
.deals_tab .selected{ 
background-image:url('img_tag2.png'); 
background-repeat:no-repeat;` 
}

Answer 2

如果您使用的是选择类用于有源标签UI选项卡。如果你不是，我相信你可以自己申请。所有你需要做的是提供图像作为CSS背景。