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/