Jquery加載之前加載的內容的頂部

Question

有問題試圖選擇使用jquery的加載DOM注入DOM。如果ul＃鏈接內容未被替換，則工作，否則無法加載到#content。

• Basic example

JS

$(document).ready(function() { 

    // Load links into tab 
    $("ul#tabs li a").click(function(){ 
     urlTabs = $(this).attr("href"); 
     console.log(urlTabs); 
     $("ul#links").load(urlTabs); 
     return false; 
    }); 

    // Load content 
    $("ul#links li a").click(function(){ 
    urlLinks = $(this).attr("href"); 
    console.log(urlLinks); 
    $("#content").load(urlLinks); 
    return false; 
    }); 

}); 

HTML

<ul id="tabs"> 
    <li><a href="/tab1">Tab 1 </a></li> 
    <li><a href="/tab2">Tab 2</a></li> 
    </ul> 
    <ul id="links"> 
    <li><a href="/link1">This will load into #div, the others will not</a></li> 
    </ul> 
    <div id="content"> 
    <p>Load content in here</p> 
    </div> 

新於一般JS，任何幫助表示讚賞。

Answer 1

當您綁定「ul＃links li a」的點擊處理程序時，它僅將其綁定到與選擇器匹配的現有DOM節點。該live events還將結合後，你的綁定：

// Load content 
$("ul#links li a").live("click" ,function(){ 
    //... 
});