2011-10-31 108 views
0

好吧,這個小提琴是非常基本的。但有點顯示我遇到的問題,我故意沒有更改ajax選項卡的子標識來突出顯示問題。給Ajax標籤唯一ID的

http://jsfiddle.net/ozzy/u5xyR/1/

從本質上講,我們與Ajax選項卡頁面。在上面的例子中,你會看到。現在,如果您點擊聯繫人,您應該會看到兩組子選項卡。

我遇到的問題是:

<div class="tabscontainerTwo"> 

我們需要動態和經濟產生這一點,所以我們使用的JS量最少的JS追加ID的標籤類。

也許我沒有解釋得很好。

這是它應該如何工作(我們可以有一個頁面上多組子AJAX標籤)

用戶點擊聯繫標籤。 聯繫人窗格顯示下面的子ajax選項卡。這些都必須獨立工作,不會相互碰撞(代碼明智) - 每個單選項卡中最多可以有12個子選項卡(如聯繫人)

我不確定,但我認爲它是因爲所有這些子選項卡共享相同的類。因此,也許改變:

$(".tab_contentTwo") 

$("#tab_content-2") $("#tab_content-3") 

等是要走的路,我有那麼問題是如何控制和ID附加到每個選項卡中,並控制這一切與CSS ...因爲它有點混亂。

我對JS不太好,這段代碼是SOHTANAKAS代碼的一個端口。

任何幫助表示讚賞。

我們想要達到什麼樣的一個例子是這樣的:http://mozo.com.au/home-loans

點擊點擊更多信息鏈接,那裏有很多他們的網頁上......他們都有自己的Ajax選項卡的子集,看代碼,這些都有獨特的ID。所以想知道如何用Javascript正確嵌套。

回答

0

我對這個問題有點不清楚,但讓我試試看。看起來你並沒有動態創建任何HTML元素,所以我建議將你認爲合適的任何ID分配給你的標籤。

至於更改您的選擇器以適應ID而不是CSS類,我認爲這可能是一個錯誤。我會親自離開,然後使用CSS類,當你想要選擇一組元素和ID,當你想要一個特定的。

祝你好運!