带有图像的 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/