如何創建自定義jquery選項卡？

Question

我有這個特定的場景：

我有4個選項卡，每個選項卡有它自己的2個圖標，當它被選中或沒有。

我想要做的是當我單擊另一個選項卡時單擊該選項卡並更改爲另一個圖標時圖標發生更改。

p.s.我正在談論標籤本身，而不是關於容器的內容。

感謝

檢查這一形象： http://answers.oreilly.com/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=621

Answer 1

假設每個選項卡都有自己的css類，您可以在CSS中爲選項卡中的每個圖片使用background-image。

然後，當標籤被選中（您可以再添加一個類說這是選擇像「選擇」或東西），然後給予不同的圖像

例如：

 
.book_tab{ 
background-image:url('img_plane.png'); 
background-repeat:no-repeat;` 
} 
.rent_tab{ 
background-image:url('img_car.png'); 
background-repeat:no-repeat;` 
} 
.deals_tab{ 
background-image:url('img_tag.png'); 
background-repeat:no-repeat;` 
} 
.book_tab .selected{ 
background-image:url('img_plane2.png'); 
background-repeat:no-repeat;` 
} 
.rent_tab .selected{ 
background-image:url('img_car2.png'); 
background-repeat:no-repeat;` 
} 
.deals_tab .selected{ 
background-image:url('img_tag2.png'); 
background-repeat:no-repeat;` 
}

Answer 2

如果您使用的是選擇類用於有源標籤UI選項卡。如果你不是，我相信你可以自己申請。所有你需要做的是提供圖像作爲CSS背景。