comment déclencher un événement onload avec Jquery?

Question

Je reçois un div et je veux styliser ce div sur le chargement de la page avec Jquery. La popup fonctionne bien Mais comment puis-je le déclencher quand la page se charge.

<div id="popup"> 
    //Some content 
</div> 

est le code Jquery

$(document).ready(function() { 
     $('div#popup').load(function() { 
          // Popup Content 
} 
} 

I ci-dessous, même essayé un simple message d'alerte, mais le travail ne marche pas.

Merci

Answer 1

Si vous voulez juste le style il faire ceci:

$(document).ready(function() { 
    $('div#popup').css({ 
      width: '100px', 
      height: '100px' //etcetera 
    }); 
}); 

Answer 2

Tout ce que vous avez besoin est l'enveloppe extérieure:

$(document).ready(function() { 
    //do something here 
} 

La fermeture $(document).ready n'exécute pas jusqu'à ce que tout le DOM ait été chargé.

Answer 3

Si vous utilisez la boîte de dialogue jQuery UI Modal, assurez-vous simplement que autoOpen n'est pas défini sur false dans le constructeur de votre boîte de dialogue. Vous remarquerez que l'attribut autoOpen est défini par défaut sur true. Le comportement standard consiste donc à afficher automatiquement la boîte de dialogue lors du chargement de la page. Si ce n'est pas le cas, déboguez votre page et assurez-vous que votre constructeur de dialogue est correctement initialisé sur le document prêt.

Consultez l'onglet "Options" du jQuery UI demo page. La deuxième option autoOpen contient une documentation sur le comportement par défaut du comportement de la boîte de dialogue jQUI.

Le code suivant serait tout ce qu'il faudrait pour faire ce que vous voulez faire apparaître une fenêtre modale. Supprimez complètement le paramètre options si vous devez supprimer le comportement modal:

$(function() { 
    $("div#popup").dialog({ 
     modal: true 
    }); 
});