jquery afficher l'incrustation div sur la page de chargement

Je veux faire quelque chose que j'ai vu de nombreux exemples de onclick, mais je veux charger une div lorsque l'utilisateur accède à la page. Même StackOverflow est-ce (onlcick) lorsque vous essayez d'insérer un lien hypertexte.

Comment puis-je faire un div de superposition lorsque le chargement d'une page à l'aide de jquery?

BTW, j'ai cherché partout une quantité décente, mais ne peut pas trouver quelque chose de simple que mon jquery simple esprit ne peut comprendre.

Merci pour votre aide.

OriginalL'auteur mikepreble | 2011-06-17

  1. 3

    Je pense que ce dont vous parlez, est appelé un "modal" boîte de dialogue.

    Il y a beaucoup de dialogue modale des plugins pour jQuery. Mon préféré est "simplemodal".

    Il est disponible ici: http://www.ericmmartin.com/projects/simplemodal/
    Les échantillons sont trop grande!

    De la simplemodal site:

    Comme enchaînés fonction jQuery, vous pouvez appeler le modal() sur un élément jQuery et une boîte de dialogue modale sera affiché en utilisant le contenu de cet élément. Par exemple:

    $("#element-id").modal();

    Comme un débutant total à ce genre de chose, j'apprécie bien documenté code que je peux le prendre à part et de voir ce que les pauses. SimpleModal l'a fait pour moi et je l'ai eu à travailler! Merci beaucoup pour votre aide.

    OriginalL'auteur Scott Rippey

  2. 2

    Ont un coup d'oeil à jQuery UI Dialogue widget. Ou de la recherche pour "jQuery lightbox". L'idée générale est d'utiliser un positionnement absolu div ensemble de display:none, et de le modifier pour être display:block lorsque requis.

    OriginalL'auteur James Allardice

  3. 1
    $(function(){ //this will run when the document.ready event fires
    $("#myDivOverlay").show(); //this will show a div whose id is myDivOverlay
});

    - Il m'aider?

    OriginalL'auteur inkedmn

  4. 0
     $(document).ready(function() {
      $thing = $("<div class='newDiv'>");
      $("body").append($thing);
 });
    fixer vos devis
    Yeesh! Pas sur mon jeu ce MATIN 🙂 Merci.

    OriginalL'auteur Bryan A

  6. 0

    Vous pouvez essayer cette.

    <script type="text/javascript">
$(document).ready(function()
{
    $(window).load(function()
        {
        $('#loading').fadeOut(3000); //fadeout the #loading div after 2000 milliseconds
        });

    $('#loading').css('height','100%'); //Put 100% height to the div

});
</script>

    Voir le tutoriel complet et télécharger le code source.

    OriginalL'auteur Anand Roshan