div Inhalt mit Klick ändern, aber auf der Seite bleiben

Question

Ich habe die Situation, dass die Primar Themen in meiner Menüleiste nur Vorschauen enthält, ohne irgendwelche Bilder. Ich würde also eine Lösung bevorzugen, bei der durch Klicken auf "Über mich" keine vollständige Seite geladen werden muss, sondern nur der Inhalt dieser einen Seite, indem die erste Seite ausgeblendet und die entsprechende Seite eingeblendet wird , zu dem angeklickten Element.

Hat da jemand eine Lösung für mich, weil mein Versuch, die LUKGt/5/jsfiddle zu verwenden, nicht funktioniert, und es war die ganze Zeit, zeigte sich jeder Inhalt.

Thx in vor

Answer 1

Sie die .html ([html Inhalt hier [) verwenden Methode, um den HTML-Inhalt eines div zu ersetzen. Klicken Sie auf Schaltfläche/Menüelement, um eine Funktion auszulösen, die die Informationen, die Sie laden möchten, zu laden und HTML zu verwenden, um den Inhalt im gewünschten div zu überschreiben.

JsFiddle: https://jsfiddle.net/fgazfLaz/1/

html

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

<button type="button" id="changeContentBtn">Change div content</button> 

Javascript

$("#changeContentBtn").click(function() { 
    $("#content").html("Ending Content"); 
})