jQuery - ページの一部をどのように置き換えることができますか？

私は "content"とマークされたページの一部を別のhtmlファイルの内容に置き換えようとしています。残念ながら、私はJSについてよく分かりません。ここで jQuery - ページの一部をどのように置き換えることができますか？

はindex.htmlファイルのコードです：

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="style.css"> 
<script type="text/javascript" src="./js/jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
     $("home").on("click", function(){ 
      $("#content").load("./home.html"); 
     }); 
     $("contact").click(function(){ 
      $("content").load("./contact.html"); 
     }); 
    }); 
</script> 
</head> 

<body> 
<div id="header"> 
<table class="tg"> 
    <tr> 
    <th><a href="#" id="home">ABOUT</a></th> 
    <th><a href="#" id="contact">CONTACT</a></th> 
    </tr> 
</table> 
</div> 

<div id="content"></div> 

</body> 
</html>

そしてここhome.htmlファイルです：私はstackoverflowの上で似たスレッドを見つけた

<h1>MyTitle</h1> 
<p>Content I want to see</p>

（JSスクリプトは、基本的にコピーされますhere）でも動作しません。私は誰にも分からないことを説明することができますか？あなたはIDセレクタの前にハッシュを逃している

出典

2016-05-25 AZV

あなたのセレクタのいくつかで、 '＃'を逃しています。例： '$（" home "）' '$（" content "）' '$（" contact "）' – j08691

、あなたのコードは次のようになります。

$(document).ready(function(){ 
    $("#home").on("click", function(){ 
     $("#content").load("./home.html"); 
    }); 
    $("#contact").click(function(){ 
     $("#content").load("./contact.html"); 
    }); 
});

出典

2016-05-25 14:31:12 jcubic

私は全部をサーバーにアップロードしました。どうもありがとう！ – AZV

jQuery - ページの一部をどのように置き換えることができますか？

答えて

関連する問題