6
votes

Exécuter JavaScript après la charge de la page

setup_account ui-mobile-ovort ui-super-super-c

Lors d'une page, je fais des charges comme ceci: xxx

J'ai plusieurs scripts exécutés sur le UpdateComment0 div : xxx

Je ne sais pas comment rendre ces autres javascripts courir après Charge de page.
Quelqu'un peut-il me dire comment avec ceci.
Merci


2 commentaires

Utilisez la fonction de rappel de .charger .


Pourquoi tout est en gras? Nous pouvons aussi lire des poids de police normaux;)


10 Réponses :


12
votes

Utilisez $ (document) .Readady () .


5 commentaires

Cela fonctionnera-t-il même lorsque le contenu est chargé après la page principale?


Comment chargez-vous le nouveau contenu?


Supposons que le contenu soit chargé à l'aide du onclick de certains éléments. Est-ce que ça va marcher?


Pas exactement sûr de votre question. $ (Document) .Ready (Handlerfunction) Exécutera simplement la fonction lorsque le document est chargé. Si vous voulez que quelque chose arrive au contenu chargé à l'aide de onclick , vous pouvez simplement spécifier que dans le gestionnaire onclick .


J'utilise cela avant $ (document) .Ready () mais cela ne fonctionne pas. La disposition de l'échantillon ci-dessus, j'essaie avec un simple javascript .hide div après .charger et cela fonctionne. Je vous remercie



1
votes

Sauf si vous avez besoin de JavaScript pour faire quelque chose avant la chargement de la page, ajoutez vos scripts au fond OM du document HTML, juste avant le corps Body Tag. La page sera chargée plus rapide et vous pouvez faire tout ce dont vous avez besoin, directement dans le fichier JS, sans les fonctions prêtes au document.

Si les scripts sont les derniers à charger, le DOM est déjà garanti d'être "prêt".


1 commentaires

Oui, une partie du javascript doit faire quelque chose avant que la page soit chargée. J'y essaye jQuery (document) .Ready (fonction () {et avec la disposition de l'échantillon .Live et jusqu'à présent, c'est bon



2
votes

code d'écriture à l'intérieur prêt xxx

suggestion: Utilisez live ou lid < / p>


1 commentaires

oui, je change $ (document) .Ready (fonction () {à jQuery (document) .Readady (fonction () {



5
votes

Utilisez jQuery, vous pouvez le faire très facilement.

jQuery(document).ready(function(){
    alert('Your DOM is ready.Now below this u can run all ur javascript');
});


2 commentaires

Oui j'essaye . je ne connais pas la différence entre $ (document) .Ready (fonction (fonction () {avec jQuery (document) .Ready (fonction (fonction () {. Mais je vais l'essayer à nouveau


Il n'y a pas de différence. $ est juste un alias de jQuery



0
votes

Vous pouvez faire attendre JavaScript pour une durée spécifiée à l'aide de la méthode Settimeout : xxx


0 commentaires

3
votes

Voici un exemple de mise en page pour vous xxx


1 commentaires

@Benyamin Veuillez marquer cet article comme réponse ou quelle que soit la réponse que vous pensez avoir résolu votre problème. Je vous remercie! :RÉ



0
votes

J'espère que cela peut vous aider aussi, j'ai eu un problème similaire et je l'ai réparé en appelant ce qui suit juste après avoir chargé le contenu de la page (comme une fois une demande AJAX pour une page à afficher à l'intérieur d'une DIV): < Pré> xxx

N'oubliez pas d'appeler cela dans le document que vous chargez, mais dans la fonction qui le chargez, après avoir été chargée.


0 commentaires

0
votes

Utilisation de vanilla JavaScript, cela peut faire donc:

<html>
<head>
<script type="text/javascript">

// other javascript here

function onAfterLoad() { /*...*/ }

// other javascript here

</script>
</head>
<body>

<!-- HTML content here -->

<!-- onAfterLoad event handling -->
<div style="display:none;"><iframe onload="onAfterLoad();"></iframe></div>
</body>
</html>


0 commentaires

1
votes
$(window).load(function() {
    // code here
});

1 commentaires

Je devais redimensionner certains éléments en fonction de la hauteur d'une autre. Cela a fonctionné pour moi si vous essayez quelque chose de similaire.



1
votes

$ (document) .Ready () est tout ce dont vous avez besoin.


0 commentaires