jqueryui dialogue, direction de la diapositive

Question

J'utilise le dialogue de jquery et veux glisser sur le spectacle. Comment puis-je spécifier la direction de la diapositive?

$('.selector').dialog({ show: 'slide' }); 

Answer 1

Compte tenu de ces liens:

- Dialog - show with effect and options (mai 2009, donc pas vieux) - Is possible to have more granular control over jQuery UI Dialog Widget’s show/hide method?

Il ne semble pas être possible, au moins avec les versions actuelles ...

Answer 2

Je résous le problème de cette façon: J'ai éditer le fichier d'interface utilisateur "jquery-u i-1.7.2.custom.min.js » dans la section Dialog

Code d'origine:

d.show(e.show);// <--or iDialog.show(options.show) in ui.dialog.js 

Code modifié:

d.show(e.show,e.showOpt); // or iDialog.show(options.show,options.showOpt) in ui.dialog.js 

Je crée mon dialogue d'ajouter un nouveau paramètre "showOpt" qui peut contenir les options d'effet jquery

$j("#dialog_box").dialog({ 
    modal: true, 
    width:500, 
    height:500, 
    show: "slide", 
    showOpt: {direction: 'up'} 
    }); 

Answer 3

Pour contrôler la direction, vous pouvez utiliser 'slideUp'/'slideDown' INSTE annonce de 'slide'.

$('.selector').dialog({ show: 'slideDown', hide: 'slideUp' }); 

Answer 4

Cela fonctionne pour moi avec JQuery 2 et JQuery UI 1.11:

$("#dialog").dialog({show: {effect:"slide", direction:"right"}}) 

Notez que la direction glisse "droit" de droite à gauche.