2012-07-09 40 views
1

在我的網站的標題中,我有一個使用內置的主導航。每個超鏈接項目包含一個唯一的數據屬性,我使用它來確定通過load()顯示的內容。 。如何根據if else語句改變類

我的問題是,我怎麼能寫一個if else語句(假設這是最好的方法)來檢查加載的內容與主導航。例如,加載的內容將包含一個封裝的div,其ID與頭中點擊的鏈接的data-attribute的ID相匹配。我試圖實現的是一個聲明,如果它的data-attribute等於所加載的內容的ID,那麼它將給出主導航超鏈接唯一類。

<header id="header"> 
    <ul> 
     <li><a href="external.html" data-section="intro">intro</a></li> 
     <li><a href="external.html" data-section="interactive">interactive</a></li> 
     <li><a href="external.html" data-section="portfolio">photography</a></li> 
    </ul> 
</header> 

例如,如果點擊第一個鏈接,從external.html文檔中使用id =「前奏」一個div被加載到頁面中。在這種情況下,html會顯示一個帶有data-section =「intro」的超鏈接,也會顯示帶有id =「intro」的div。我想我可以寫一個綁定(因爲內容正在通過.load()加載我假設我需要綁定該語句)如果在jQuery中的其他語句,以使頭部導航項有一個當點擊第一個鏈接

<section id="intro" class="clearfix"> 
    <div> 
     <h1>Bigger Thinking</h1> 
     <h2>It’s what I aim to do on every project, big or small, rich or poor</h2> 
    </div> 
</section> 

回答

0

嘗試此相匹配的div的值id獨特的一類即「主動」的加載內容

實例數據段值:

var id = $('section').attr('id'); 
$('#header a').removeClass('unique') 
$('#header a[data-section="'+ id +'"]').addClass('unique') 
+0

這是偉大的,th非常感謝! – user1512126 2012-07-09 18:10:50

+0

@ user1512126不客氣。 – undefined 2012-07-09 18:14:01