jQuery Girl
  1. jQuery Girl
  3. Ouverture modale au chargement de la page
Intereting Posts
Faites glisser les divs de l’écran en utilisant jQuery + des flèches de navigation ajoutées Donner le focus au navigateur JqGrid avec sous-grid et fichier XML unique en entrée traverser des éléments HTML DOM dans jQuery Comment faire une demande AJAX HTTPS GET en utilisant jQuery Comment utiliser jQuery au lieu de Prototype dans une application Rails 3? essayer de faire pivoter un élément div avec jQuery contrôlant la commande de transformation css3 XML non envoyé au client via l’object de réponse correctement dans IE Tableau jQuery avec les boutons suivant et précédent pour faire défiler les entrées jquery: charge les valeurs du code HTML externe et remplit de nombreux champs locaux, avec une lecture du code HTML La liste déroulante n’est pas renseignée dans la boîte de dialog modale lorsque l’élément de la première liste déroulante est modifié Déployer jQuery en utilisant une fonctionnalité SharePoint ou des fichiers physiques? Comment puis-je récupérer les informations d’une API avec jQuery? Existe-t-il un moyen de définir un filtre par programme dans jQuery jqgrid? Comment puis-je obtenir la valeur du champ de saisie?

Ouverture modale au chargement de la page

J’utilise un animatedModal.js pour afficher le mode modal en plein écran sur ma page. Cela fonctionne correctement et se déclenche en cliquant sur un bouton.

Mais, au lieu de cela, j’aurais besoin de l’ouvrir automatiquement une fois que l’utilisateur a accédé au site. En d’autres termes, il doit être ouvert avant le contenu de la page principale.

C’est le balisage: 

 DEMO01 
 
 CLOSE MODAL 
 
 
 
  
Lorem ipsum dolor sit amet, consectetur adipiscing elit
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit

Et cela est déclenché par 

 $("#demo01").animatedModal();

Fiddle peut être trouvé à https://jsfiddle.net/5zLe3npu/

Quelle serait la meilleure solution pour l’afficher d’abord, avant le contenu? Je suis un débutant JS donc désolé pour la question potentiellement stupide.

Vous pouvez utiliser la méthode .on pour spécifier les actions à effectuer en cliquant sur le bouton de fermeture, telles que l’affichage du contenu. Et pour cacher le contenu initialement, vous pouvez simplement utiliser style = ‘display: none;’ sur un contenant le contenu.

HTML – 

  
 
 CLOSE MODAL

JQuery – 

 $("#demo01").animatedModal(); //initialize animatedModal $("#demo01").click(); //sortingggers opening of Modal. $(".close-animatedModal").on( "click", function() { $("#container").show(); });

S’il vous plaît voir JSFiddle – http://jsfiddle.net/w1gw64aj/

Si cela répond à votre question, veuillez l’indiquer comme la réponse acceptée.

Utiliser la documentation de l’API sortinggger()

Essaye ça 

 $("document").ready(function() { $("#demo01").animatedModal(); $("#demo01").sortinggger('click'); });

Démo ici