2010-10-06 11 views
0

J'ai un événement click jQuery qui s'exécute lorsqu'un utilisateur clique sur un élément. Est-il possible de l'exécuter une fois lorsque la page est chargée?Lors du chargement de la page jquery

+0

C'est facile. La question importante est la suivante: quand affectez-vous l'événement click à l'élément? –

Répondre

4
$(document).ready(function(){ 
//do something here 
}); 
+0

Je ne peux pas faire cela parce que le jQuery est dans un fichier js qui est inclus sur toutes les pages, donc je ne veux pas qu'il fonctionne sur toutes les pages, seulement une page spécifique. – oshirowanen

+0

alors vous devriez inclure ce code sur seulement dans la tête de cette page – KeatsKelleher

+0

Est-ce le seul moyen? Est-ce que je ne peux pas exécuter une fonction javascript dans la balise body de la page en question? – oshirowanen

0

Vous pouvez faire comme la suggestion d'une autre affiche ou essayer (volée here):

<script type="text/javascript" 
     src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    // You may specify partial version numbers, such as "1" or "1.3", 
    // with the same result. Doing so will automatically load the 
    // latest version matching that partial revision pattern 
    // (e.g. 1.3 would load 1.3.2 today and 1 would load 1.4.2). 
    google.load("jquery", "1.4.2"); 

    google.setOnLoadCallback(function() { 
    // Place init code here instead of $(document).ready() 
    }); 
</script> 
1
$(document).ready(function(){ 

    $('#yourelement').bind('click', function() { 
    /* set handler onclick */ 

    }) 
    /* trigger ('run once') on domready */ 
    .trigger('click'); 


}); 
1

sûr, numéro juste un click() comme:

$(document).load(function(){ 

    $('#someelement').click(function(){ 
     alert("some element clicked"); 
    }); 

    $('#someelement').click(); 
    // or $('#someelement').trigger('click'); 
}); 

exemple de travail ici ->http://jsfiddle.net/ZXyJH/

+0

Comment est-ce que je mets cela dans la balise de la page qui devrait déclencher le clic? – oshirowanen

+0

vous ne faites pas. Vous l'avez mis dans la tête à l'intérieur d'une étiquette de script. – Jamiec

0

Comme je l'ai mentionné dans les commentaires, en particulier si le code est utilisé dans une page, divisez-le en un fichier js pour cette page. Pourquoi transporter un tas de javascript dans chaque page. Imaginez faire cela à travers le site entier.

Si vous en avez besoin dans plus d'une page, divisez-la en fonction dans votre fichier js principal ou dans un autre fichier js utilisé par une ou plusieurs pages. Configurez un appel à partir de votre événement click et vous pourrez également l'appeler à partir de n'importe où, par exemple à partir d'une fonction doc ready dans un fichier js spécifique à une page.

+0

Pourquoi est-ce le plus ici: http://stackoverflow.com/questions/3829801/what-is-faster-and-why recommande de coller tous les javascript dans un seul fichier? L'exemple qu'ils ont donné était jquery. – oshirowanen

+0

Le plus petit nombre de fichiers est préférables, mais pouvez-vous imaginer essayer de maintenir un fichier js avec des milliers de lignes de code pour chaque bit de code pour un site entier?Même avec un outil comme Visual Studio qui a un add-on pour les fonctions de regroupement, je préfère toujours plusieurs fichiers. Vous devez décider de vos besoins spécifiques. –

+0

Découvrez les meilleures pratiques pour accélérer votre site Web de yahoo lien. http://developer.yahoo.com/performance/rules.html Voir la section "Rendre JavaScript et CSS externe" et noter au début de la page qu'ils discutent de la combinaison des fichiers. –

Questions connexes