他のコンテンツを静的に保持して動的ページ/コンテンツをロード

Question

div要素以外の内容を静的にする必要があります。どうすればそれを達成できますか？助けてください。 私は以下のコードを使用しています...

htmlコード

<nav class="main"> 
    <a href="home.html">Page 1</a> 
    <a href="contact.html">Page 2</a> 
    <a href="about.html">Page 3</a> 
    <a href="product.html">Page 4</a> 
    <a href="page5.html">Page 5</a> 
</nav> 

<div id="dynamic"> 
</div> 

と私のjqueryのコードは、アンカーのhrefで指定されたページをロードするために

$(document).ready(function(){ 
    $('a').click(function(){ 
     $('#dynamic').load('home.html'); 
     return false; 
    }); 
}) 

Answer 1

この方法をお試しください。ロード先のURLは、クリックされたリンクに基づいている必要があります。

$(document).ready(function(){ 
    $('nav a').click(function(event){ 
     event.preventDefault(); 

     $('#dynamic').load($(this).attr('href')); 

     return false; 
    }); 
}) 

サンプルjsfiddleを参照してください。

Answer 2

です：

$('a').click(function(){ 
    $('#dynamic').load(this.getAttribute('href')); 
    return false; 
}