2011-04-01 126 views
0

可能重複:
I need to add custom css to jquery tabs when it is selected, how ?如何獲取jQuery中當前選定的選項卡以獲得css樣式?

我有一個代碼來顯示一個消息,當一個標籤被選中,但現在我想背景圖像添加到所選擇的選項卡時,它是被選中。

下面是代碼:

<script type="text/javascript"> 
$(function(){ 
    $("#myTabs").bind("tabsselect", function(e, tab) { 
     alert("The tab at index " + tab.index + " was selected"); 
    }); 
    $("#myTabs").tabs(); 
}); 
</script> 

我認爲像($選擇的選項卡)的CSS( 「背景圖片」, 「URL的東西..」);應該可以工作,但我不知道當前選定選項卡的語法。

任何想法?

+0

請閱讀[答] [1]。 [1]:http://stackoverflow.com/questions/5509895/i-need-to-add-custom-css-to-jquery-tabs-when-it-is-selected-how – Haxed 2011-04-04 08:09:31

+0

我真的不認爲這應該被關閉,因爲它應該改變的背景下。我的意思是說,這個問題是「誤導」的。你不需要使用jQuery來做他想做的事情,你可以使用簡單的CSS來使用jQuery類,這些類在創建標籤時自動添加。例如:'.ui-tabs-selected {background-image:url(http:// ...); }或面板'.ui-tabs-panel:not(.ui-tabs-hide){background-image:url(http:// ...);} }' – SpYk3HH 2012-08-26 23:43:29

回答

0

參見:jQuery UI Tabs Get Currently Selected Tab Index

此外,建議改變你的標題更合適,如「我如何在jQuery的當前選擇的選項卡」的東西。

+0

可以幫我用這部分代碼$(選擇標籤).css(「background-image」,「url stuff ..」); – Haxed 2011-04-01 10:56:05

相關問題