Ich verwende ein Untermenü, um ein Div aus einer externen HTML-Datei in einem Div in der master.html-Datei anzuzeigen.

Ich habe mindestens 20 Beispiele ähnlicher verwandter Dinge durchgesehen, kann aber meinen Code nicht zum Laufen bringen, und leider weiß ich nicht, warum ich das Problem nicht lösen kann.

Also habe ich ein Untermenü in CSS definiert:

#subnav ul li#subone a:hover{color:#ffffff; background-color: #1e3435;}

Ich habe master.html mit dem HTML für das Untermenü

<div id="subnav" >
    <ul>
        <li id="subone"><a href="#">About</a></li>
        <li id="subtwo"><a href="home.html">Home</a></li>

</div>

Und ich benutze diesen Javascript-Code mit der in der Kopfzeile enthaltenen jquery.js:

<script src="jquery.js"></script>
<script type="text/javascript">
$(function(){
    $(".subnav ul li a") .click(function(e){
        e.preventDefault()
        $('#content2').load( 'abc.html' );
    });
});
</script>

Ich weiß, dass hier etwas nicht stimmt, kann es aber nicht ganz herausfinden. Jede Hilfe wäre sehr dankbar.