當來回更改標籤時，Ajax搜索結果消失

我有一個奇怪的問題。我有兩個標籤如下所示。另一個將包含靜態html代碼，另一個則由ajax搜索填充。只要「項目搜索結果」選項卡處於活動狀態，搜索工作就會很好，但如果不是，則不會發生任何事情。但這不是問題，問題是如果用戶點擊另一個選項卡，搜索結果將消失，並且靜態內容會再次出現。問題是，有沒有辦法讓他們堅持下去？我在服務器端使用Django，以防萬一。當來回更改標籤時，Ajax搜索結果消失

我使用的是從這裏自制的標籤代碼（下面還貼）： http://papermashup.com/simple-jquery-tabs/ 我猜問題是，「隱藏」和「顯示做比我想象的相當多的

。

<div class="span6 main-content" id="tabs"> 
    <ul class="nav nav-tabs"> 
    <li><a href="#our-goals">Our Goals</a></li> 
    <li><a href="#project-search-results">Search Results</a></li> 
    </ul> 
    <div id="our-goals"> 
    goals here 
    </div> 
    <div id="project-search-results"> 
    search 
    <!-- filled with ajax --> 
    </div> 
</div>

標籤js代碼

$(document).ready(function(){ 
    $('#tabs div').hide(); 
    $('#tabs div:first').show(); 
    $('#tabs ul li:first').addClass('active'); 

    $('#tabs ul li a').click(function(){ 
    $('#tabs ul li').removeClass('active'); 
    $(this).parent().addClass('active'); 
    var currentTab = $(this).attr('href'); 
    $('#tabs div').hide(); 
    $(currentTab).show(); 
    return false; 
}); 
});

來源

2013-08-04 MikkoP