J'essaie d'utiliser la boîte de dialogue JQuery comme écran de chargement pour Ajax. Je travaille très bien jusqu'à présent, mais j'aimerais que l'écran de chargement ne soit pas fermé. Cependant, il semble que la boîte de dialogue d'interface utilisateur n'a pas de "fermable" comme option?
Comment le rendez-vous non-fermeable? J'ai essayé de régler le closextexte à blanc mais cela n'a rien fait. Le petit 'X' apparaît toujours sur le coin supérieur droit.
Ne pensez-vous pas que la ferrable devrait être une option pour le widget de dialogue?
merci
5 Réponses :
ying, passe juste une fonction de rappel sur Beforeeclose :
Droite, désolé. C'est exactement ce que j'aurais suggéré si vous n'aviez pas trouvé cette partie par vous-même. Heureux ça a fonctionné pour vous! Assurez-vous de marquer la réponse comme acceptée (cliquez sur le chèque gris). Nous obtenons tous les deux des points de rep-répons et il aide les personnes à venir avec le même problème à savoir quelle solution a fonctionné pour vous. Bienvenue à Stackoverflow!
Oups, j'ai trouvé un problème avec cette solution. Quand j'appelle $ ("# Chargement"). DIALOG ('Fermer') Maintenant, il ne fait rien. J'avais besoin de cela pour travailler alors j'ai décidé de cacher le "X" via CSS.
Doug, merci pour la réponse rapide. Qui handicape Action proche. Cependant, il n'a pas caché le "X" dans le coin supérieur droit. J'ai fini par utiliser CSS pour masquer le "X".
/* hide the close x on loading screen */
.classForMyDialog .ui-dialog-titlebar-close {
display: none;
}
Vous devriez également envisager de définir des storescape sur false, $ (".elector") .dialog ({stosonescape: false}); sur l'initialisation ou $ (". Sélectionne") .Dialog (" option "," fermeronescape ", false); plus tard pour le définir sur false
Pour une démonstration de la dialogue JQueryUI utilisé comme écran de chargement.
http: // pure-essence.net/2010/01/29/jquéri-dialog-as-loading-Screen-replace-Blockui/
Comment je suis arrivé à ce sujet grâce à la classe Ying et Doug
Classe: P>
$(".ajaxloader").dialog({
modal:true,
resizable:false,
dialogClass:'myDialog'
});
Cela cache également les icônes sur la boîte de dialogue elle-même. Le sélecteur devrait être plus concret, je crois.
Je pense que Ying est sur la bonne voie, mais il s'avère que le J'ai eu le succès avec: Le parent sélectionne la boîte de dialogue Enveloppe Je saisis également cette occasion pour mettre en évidence le commentaire pour définir: .ClassformyDialog (en supposant que c'est le contenu DIV avec le contenu de la boîte de dialogue) n'a pas l'icône comme un enfant, donc il n'a pas fonctionné . div , puis nous pouvons trouver et masquer l'icône de fermeture. < / p>