jQuery Girl
  1. jQuery Girl
  3. Superposition de l’interface utilisateur jQuery sans dialog
Intereting Posts
jQuery .inArray () toujours vrai? Ajax a-t-il été correctement implémenté dans Firefox? Problème synchrone Comment renvoyer plusieurs valeurs d’un appel JQuery AJAX? img src = svg dans le même document Construire un tableau d’identifiants de toutes les cases de sélection Ajaxify le nombre d’articles de panier dans Woocommerce Telerik et JQuery info-bulle jQuery avec délai de diffusion Remplir les options de la zone de sélection au clic avec Javascript / Jquery avec les données Json jQuery sélectionner modifier afficher / masquer un événement div Comment faire pour que la bascule ne se produise pas automatiquement lors de l’utilisation de la déligation d’événements POST plusieurs entrées sous la forme avec jQuery jQueryUI JSON auto-complétée ne renvoyant pas les données attendues Internet Explorer ne rendant pas le code HTML renvoyé par JQuery ajax post jQuery focus ne fonctionne pas dans Chrome

Superposition de l’interface utilisateur jQuery sans dialog

Dupliquer possible:
jQuery UI: Comment utiliser ui-widget-overlay par lui-même?

Je veux éviter à l’utilisateur de changer d’écran pendant les appels ajax. Je pensais donc utiliser la superposition jQuery UI (la superposition des boîtes de dialog modales), mais sans aucune boîte de dialog. Je ne pouvais pas trouver un moyen de faire ça.

Est-il possible d’afficher un modal sans dialog?

Je prends cette réponse d’une autre question SO.

Ici, il y a un violon .

Et le code: 

$("body").append($.ui.dialog.overlay.create())

La boîte de dialog avec l’option modale définie sur true ajoute le div suivant, dans lequel largeur et hauteur représentent la zone visible dans la fenêtre du navigateur:

Vous pouvez essayer quelque chose de similaire sur votre page. Voir http://jqueryui.com/dialog/#modal , puis afficher le code source sur l’iframe de démonstration pour obtenir le code source complet.

https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.dialog.js

Leur code montre qu’ils appellent _createOverlay() et _destroyOverlay() sur le widget. Vous pouvez essayer de créer une boîte de dialog et l’initialiser avec autoOpen:false , puis appeler ces méthodes manuellement.