带有图像的jquery选项卡菜单

时间:2012-11-01 00:07:56

标签: jquery-ui jquery-ui-tabs

我正在尝试创建一个带有图像的标签控件。根据选项卡是否处于活动状态,我想为每个选项卡显示另一个图像。然而,看起来当前代码仅显示仅针对第二个选项卡的图像?

我在这里想出了一些代码: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>

1 个答案:

答案 0 :(得分: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/