Est-ce possible d'avoir un contrôle plus granulaire sur show / méthode cacher jQuery UI Dialog Widget?

StackOverflow https://stackoverflow.com/questions/531344

Question

À l'heure actuelle, il semble que je ne peux utiliser des effets dans leur forme la plus simple lorsque vous utilisez le widget Dialog. Par exemple, ce qui suit utilisera l'effet de chute pour les afficher et de masquer la boîte de dialogue:

$('#dialog').dialog({show:'drop', hide:'drop'});

Cependant, la valeur par défaut pour la méthode de la goutte tombe toujours à gauche. Ce que je veux vraiment est pour le faire tomber à droite. Quelque chose comme ceci:

$('#dialog').dialog({
   show:{effect:'drop', direction:'right'},
   hide:{effect:'drop', direction:'right'}
});

Est-ce possible?

J'utilise actuellement 1.6rc6. J'ai aussi essayé 1.5.3 (stable) sans chance.


Après avoir creusé dans la source un peu, je ne pense pas que cela est pris en charge dans les deux versions 1.5.3 et 1.6rc *. Ce sera probablement besoin d'un changement à l'API avant la fonctionnalité ci-dessus peut être pris en charge. Steerpike a trouvé une version qui devrait probablement être dans la ligne principale. Si quelqu'un sait par ailleurs, ne me corriger.

Était-ce utile?

La solution 2

est pas possible avec 1.6 et 1.7.1.

Autres conseils

En fait, vous pouvez utiliser l'un des effets jQuery UI; par exemple. pulser:

$("#dialog").dialog({ show: "pulsate" });

Il y a beaucoup à trouver ici: http://docs.jquery.com/UI/ effets /

Notez qu'il ya une dépendance sur effects.core.js.

J'ai essayé passer une option (comme vous l'avez fait) dans « show », il ne fonctionne pas. J'ai aussi essayé de faire « show » une fonction, sans résultat de la chance.

Ce qui fonctionne est cependant:

$("a").click(function() {
    $("#dialog").hide("drop", { direction: "right" }, 1000);
});

Vous pouvez trouver ce lien de exemples de la boîte de dialogue utile. En particulier, le deuxième de la droite. Je ne suis pas sûr que ce soit en utilisant le plugin dialogue standard, mais vous devriez être en mesure de le comprendre à partir des exemples qu'ils utilisent.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top