顯示選定的標籤不同的jQuery Ajax選項卡

Question

我曾與加載的內容是這樣的標籤：

$(function() { 

    $('div.tabs ul.tabNavigation a').click(function() { 
     $('div.tabs ul.tabNavigation a').removeClass('selected'); 
     $(this).addClass('selected'); 
     return false; 
    }).filter(':first').click(); 
}); 

這增加了類=「選擇」鏈接和CSS代碼選擇的標籤看起來不同

<div class="tabs"> 
    <ul class="tabNavigation"> 
     <li><a href="#content1">c1</a></li> 
     <li><a href="#content2">c2</a></li> 
     <li><a href="#content3">c3</a></li> 
    </ul> 
    <div id="content1"> 
     content 1 
    </div> 
    <div id="content2"> 
     content 2 
    </div> 
    <div id="content3"> 
     content 3 
    </div> 

現在我正試圖讓ajax工作。那麼它的工作，但我有麻煩獲得Class =「選中」我的鏈接。

與阿賈克斯的js函數如下：

$(function() { 
    $("#tabs").tabs({ 
     ajaxOptions: { 
      error: function(xhr, status, index, anchor) { 
       $(anchor.hash).html("there was a problem"); 
      } 
     } 
    }); 
}); 

我怎樣才能延長它，這樣它給點擊鏈接類「選擇」？類似於預加載的內容版本。

Answer 1

$(function() { 
    $("#tabs").tabs({ 
     ajaxOptions: { 
      error: function(xhr, status, index, anchor) { 
       $(anchor.hash).html("Laadimisel ilmnes viga"); 
      } 
     } 
    }); 
    $('#tabs A').click(function(){ 
     if($(this).hasClass('selected')){ return false; } 

     $('#tabs A.selected').removeClass('selected'); 
     $(this).addClass('selected');  
     return false; 
    }); 
}); 

這工作。