Jquery onclick événement pour passer à onload

J'utilise le code suivant qui fonctionne parfaitement lorsque je clique sur Link1, ce que je veux faire, c'est qu'il devrait automatiquement sur pageload déclencher l'événement loadContent, comment faire cela?Jquery onclick événement pour passer à onload

<head> 
<title>jQuery test page</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
function loadContent(elementSelector, sourceUrl) { 
$(""+elementSelector+"").load("http://abc.com/"+sourceUrl+""); 
} 
    </script> 

</head> 
<body> 
<a href="javascript:loadContent('#content', 'displayimages.php');">Link 1</a> 
<div id="content">content will be loaded here</div> 
</body> 
</html>

Source

2011-09-02 user580950

Les événements Javascript devraient aller dans "onclick", pas "href". Bonne façon: –

Il suffit d'appeler la méthode de chargement de la page

$(document).ready(function(){ 
    loadContent('#content', 'displayimages.php'); 
});

Source

2011-09-02 15:20:25 ShankarSangoli

S'il vous plaît ceci dans une balise de script dans votre document. Le code contenu dans ce bloc sera exécuté lorsque la page sera entièrement chargée.

$(function() { 
    loadContent('#content', 'displayimages.php'); 
}

Source

2011-09-02 15:17:35

Il suffit d'ajouter LoadContent ('Contenu de #', 'displayimages.php') en dehors de la fonction dans la balise de script, il est donc appelé dès la page se charge. En gros, votre balise de script ressemble maintenant

<script type="text/javascript"> 
// The function call 
    loadContent('#content', 'displayimages.php') 

// The actual function 
    function loadContent(elementSelector, sourceUrl) { 
    $(""+elementSelector+"").load("http://abc.com/"+sourceUrl+""); 
    } 
    </script>

Une autre option serait d'appeler sur onload du corps, en changeant votre étiquette de corps à

<body onload="loadContent('#content', 'displayimages.php')">.

Hope this helps.

Source

2011-09-02 15:20:36 Obi

Salut Obi, bonne réponse, mais s'il utilise jQuery, il existe un moyen de faire des choses sur un document prêt. Vous voudrez peut-être aller voir les pages jquery si vous êtes intéressé par ce genre de chose. – Chris

Oh je ne savais pas qu'il voulait une solution JQuery. Je suis familier avec l'utilisation de document.ready, mais je n'y ai pas pensé. – Obi

Ouais, maintenant vous le mentionnez aucun des trucs d'origine n'était basé sur jquery mais il l'avait dans les tags donc en fait votre réponse était probablement plus appropriée que je ne le pensais. :) – Chris

Jquery onclick événement pour passer à onload

Répondre

Questions connexes