重新附加標籤內容後，我已經分離頁面加載

Question

我想分離頁面加載我的一些標籤內容。我沒有權限編輯現有的標籤腳本順便說一句。我只能在加載標籤後添加jquery。

我已經做了成功......

$(document).ready (function(){ 
    $('#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4').detach(); 
}); 

，但我試圖重新根據需要將其附加，這裏是HTML

<div id="hometabs"> 
<ul id="tabs">  
    <li class="" id="tab0" title="" onclick="javascript:show_tab('0');"><a>Tab0</a></li>  
    <li class="" id="tab1" title="" onclick="javascript:show_tab('1');"><a>Tab1</a></li>  
    <li class="" id="tab2" title="" onclick="javascript:show_tab('2');"><a>Tab2</a></li>  
    <li class="" id="tab3" title="" onclick="javascript:show_tab('3');"><a>Tab3</a></li>  
    <li class="" id="tab4" title="" onclick="javascript:show_tab('4');"><a>Tab4</a></li> 
</ul>  
</div> 


<div style="" id="tabcontent0" class="homepagetabcontent">CONTENT</div> 
<div style="" id="tabcontent1" class="homepagetabcontent">CONTENT</div> 
<div style="" id="tabcontent2" class="homepagetabcontent">CONTENT</div> 
<div style="" id="tabcontent3" class="homepagetabcontent">CONTENT</div> 
<div style="" id="tabcontent4" class="homepagetabcontent">CONTENT</div> 

當我點擊TAB1，我d喜歡加回#tabcontent1，然後點擊Tab2並重新附加#tabcontent2等....讀一些內容，嘗試了幾件事，但還沒有得到任何工作.TIA

這是show_tab函數，我做n OT有機會改變

function show_tab (tab_id) { 

    var done = false; 
    var counter = 0; 
    while (! done) { 
     var this_tab_content = document.getElementById("tabcontent" + counter); 
     var this_tab = document.getElementById("tab" + counter); 
     if (! this_tab_content) { 
     done = true; 
     } else { 
     if (counter == tab_id) { 
      this_tab_content.style.display = ''; 
      this_tab.className = "currenttab"; 
     } else { 
      this_tab_content.style.display = 'none'; 
      this_tab.className = ""; 
     } 
     } 
     counter++; 
    } 
    location.hash = tab_id; 
} 

Answer 1

我能得到這個工作

var mfltab1 = $('#tabcontent1 #homepagecolumns').detach(); 
    $('li#tab1').one('click',function(){ 
     $('#tabcontent1').append(mfltab1); 
    });