jQuery - Wie kann ich einen Teil der Seite ersetzen?

Ich habe versucht, einen Teil der Seite, die als "Inhalt" markiert ist, durch den Inhalt einer anderen HTML-Datei zu ersetzen. Leider weiß ich nicht viel über JS.jQuery - Wie kann ich einen Teil der Seite ersetzen?

Hier ist der Code der Datei 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>

Und hier ist die home.html Datei:

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

I similiar Threads auf Stackoverflow (JS Skript im Grunde aus kopiert gefunden haben here) aber es funktioniert immer noch nicht. Kann mir jemand erklären, was ich vermisse?

Quelle

2016-05-25 AZV

Sie die '#' in mehreren Ihrer Wähler fehlt. Beispiel: '$ (" home ")' '$ (" content ")' '$ (" contact ")' – j08691

Sie verpassen Hash vor id-Selektor, sollte Ihr Code wie folgt aussehen:

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

Quelle

2016-05-25 14:31:12 jcubic

Ich habe das Ganze auf den Server hochgeladen und es funktioniert genau so, wie ich es wollte. Danke vielmals! – AZV

jQuery - Wie kann ich einen Teil der Seite ersetzen?

Antwort

Verwandte Themen