jquery-ui - 带有图像的 jquery 选项卡菜单

Question

我正在尝试创建一个包含图像的选项卡控件。根据选项卡是否处于活动状态，我想为每个选项卡显示另一个图像。但是，看起来当前代码仅显示仅用于第二个选项卡的图像？

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

Answer 1

如果我正确理解您想要做什么，问题是因为没有 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/