如何從未指定的html中加載片段？

Question

使菜單消失後，我無法讓我的內容顯示，但未列出特定的html。

這裏是HTML：

<div id="header"> 
<h1>N300 Project Gallery</h1> 
</div> 
<div id="container"> 
<div id="utility"> 
<ul> 
    <li><a href="about.html">About</a></li> 
    <li><a href="projects.html">Projects</a></li> 

</ul> 

</div> 
    <div id="index-content">?</div> 
    <div id="footer">This is the footer</div> 
</div> 

這裏是我的腳本：

$(document).ready(function() { 

    $('#utility a').click(function(e){ 
     e.preventDefault(); 
     $('#utility').hide('normal',loadContent); 
    }); 
    function loadContent() { 
     $('#index-content').load(url+ '#content') 
    } 
}); 

這裏是片段我想移動：

<div id="content"> 
    <p>Hello! My name is Brittany Shephard.</p> 
</div> 

Answer 1

注意，如果你想在fragment loading behavior（+ ' #content'而不是+ '#content'），你需要在你傳遞給​​網址#content前一個額外的空間。

您的片段位於單獨的文件中，是否正確？

假設您的片段從projects.html #content返回，請嘗試：

function loadContent() { 
    $('#index-content').load($(this).attr('href')+ ' #content'); 
} 

從JQuery docs for hide，this被設置爲回調隱藏的DOM節點。我假設你想從你隱藏的錨點加載URL，所以你需要從該節點獲取href屬性。

Answer 2

哪裏是在loadContent()的url來自（哪裏 ？

如果您需要將其從e.target href屬性中傳遞出來，請爲hide的回調以及將url傳遞給loadContent創建一個匿名函數。 Somtehing像：

$(document).ready(function() { 

    $('#utility a').click(function(e){ 
     e.preventDefault(); 
     $('#utility').hide('normal', function() { 
      loadContent($(e.target).attr('href')); 
     }); 
    }); 

    function loadContent(url) { 
     $('#index-content').load(url + ' #content'); 
    } 
});