Laden Sie die erste Seite Onload und erste Navigationstaste angeklickt Onload

Question

Zuerst Hallo an alle. Ich bin relativ neu in jQuery und auf einer Lernkurve.

Mein Skript ist dies:

<script 
 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"> 
 
</script> 
 

 
<script> 
 
$(function() { 
 
$('#content').find('#nav a').on('click', function (e) { 
 
e.preventDefault(); 
 
var page = $(this).attr('href'); 
 
$('#content2').load(page); 
 
}); 
 
}); 
 
$(function() >{ 
 
$('#content').find('#nav a').click(function() { 
 
$('#nav a').removeClass('selected'); 
 
$(this).addClass('selected'); \t \t    
 
}); 
 
}); 
 
</script

<div id="content"> 
 
<embed type="image/svg+xml" src="x.svg" /> 
 
<div id="svgfix"> 
 
    <embed type="image/svg+xml" src="1.svg" /> 
 
    <embed type="image/svg+xml" src="2.svg" /> 
 
    <embed type="image/svg+xml" src="3.svg" /> 
 
    <embed type="image/svg+xml" src="4.svg" /> 
 
    <embed type="image/svg+xml" src="5.svg" /> 
 
    <embed type="image/svg+xml" src="6.svg" /> 
 
</div> 
 
<div id="nav"> 
 
     <a href="1.htm"><img type="image/svg+xml" src="1.svg" /></a> 
 
     <a href="2.htm"><img type="image/svg+xml" src="2.svg" /></a> 
 
     <a href="3.htm"><img type="image/svg+xml" src="3.svg" /></a> 
 
     <a href="4.htm"><img type="image/svg+xml" src="4.svg" /></a> 
 
     <a href="5.htm"><img type="image/svg+xml" src="5.svg" /></a> 
 
     <a href="6.htm"><img type="image/svg+xml" src="6.svg" /></a> 
 
</div> 
 
</div> 
 
<div id="content2"><h1></h1></div>

Das Skript funktioniert gut. Das einzige Problem, das ich habe, möchte ich, dass die erste Seite automatisch geladen wird und die erste Schaltfläche ausgewählt ist. Ich habe versucht, hier eine Lösung zu finden und durch die Themen zu lesen, aber nichts hat so gut funktioniert.

Das Skript sollte beim Klick durch die Navigationsleiste mit den 6 Seiten laden und es wird und jede Schaltfläche wird ausgewählt. Aber ich möchte auf der ersten Seite laden, die erste Taste automatisch auswählen und die erste Seite automatisch laden.

Ich hoffe, meine Frage ist verständlich und vielen Dank für Ihre Zeit und Hilfe im Voraus ...

Answer 1

Sie können etwas tun:

eine Funktion erstellen und rufen, wenn die Seite fertig ist und auf Click-Ereignis

$(function() { 

function getPage(el){ 
var page = $(el).attr('href'); 
$('#content2').load(page); 
$('#nav a').removeClass('selected'); 
$(el).addClass('selected'); 
} 


getPage($('#nav a:first-child'));//get the first page 
$('#nav a').on('click', function (e) { 
e.preventDefault(); 
    getPage($(this));    
}); 
}); 

Answer 2

Try Klick Triggerung auf erste Verbindung, nachdem Sie die Ereignis-Listener

$('#nav a').first().click() 

---

Schnell Notiz erstellen über Ihre find(). Da die IDs auf einer Seite eindeutig sein müssen, können Sie $('#content').find('#nav a') überspringen und einfach $('#nav a') verwenden

Answer 3

Versuchen Sie Ihre Frage zu verstehen - vielleicht so etwas?

$(document).ready(function() { 
    var firstNav = $('#nav a').first(); 
    var page = firstNav.attr('href'); 
    $('#content2').load(page); 
    firstNav.addClass('selected'); 
}