2012-11-01 108 views
0

我想创建一个带有图像的选项卡控件。根据选项卡是否处于活动状态,我想为每个选项卡显示另一个图像。但是,看起来目前的代码只显示仅用于第二个选项卡的图像?jquery选项卡带图像的菜单

我编造了这里的一些代码:http://jsfiddle.net/5FVb7/

HTML

<ul> 
       <li class="ico1"><a href="#tab-1">Title 1</a></li> 
       <li class="ico2"><a href="#tab-2">Title 2</a></li> 
       <li class="ico3"><a href="#tab-3">Title 3</a></li> 
      </ul> 

回答

0

如果我理解正确,你想做的事,问题是因为没有DIV定义从标签链接的标签内容定义:

<ul> 
     <li class="ico1"><a href="#tab-1">Title 1</a></li> 
     <li class="ico2"><a href="#tab-2">Title 2</a></li>  
    </ul> 

对于每一个HREF链接必须有一个div,文档浏览:http://jqueryui.com/tabs/

我修改了一下你的小提琴和选项卡更改和图像开关工作:http://jsfiddle.net/5FVb7/1/

+0

谢谢爱德华:) – Pindakaas