É possível ter um controle mais granular sobre jQuery UI diálogo Widget Show / Hide método?
-
22-08-2019 - |
Pergunta
Atualmente, parece que eu só posso usar efeitos em sua forma mais básica ao usar o widget de diálogo. Por exemplo, o seguinte irá usar o efeito de queda tanto para mostrar e ocultar a caixa de diálogo:
$('#dialog').dialog({show:'drop', hide:'drop'});
No entanto, o padrão para o método da gota sempre cai para a esquerda. O que eu realmente quero é que ela caia para a direita. Algo parecido com isto:
$('#dialog').dialog({
show:{effect:'drop', direction:'right'},
hide:{effect:'drop', direction:'right'}
});
Isso é possível?
Atualmente estou usando 1.6rc6. Eu também tentei 1.5.3 (estável) sem qualquer sorte.
Depois de cavar na fonte um pouco, eu não acho que isso é suportado em ambas as versões 1.5.3 e 1.6rc *. Ele provavelmente vai exigir uma alteração para a API antes da funcionalidade acima pode ser suportado. Steerpike encontrou um versão que provavelmente deve estar na linha principal. Se alguém souber de outra forma, faz-me correcto.
Solução 2
Este momento não é possível com 1.6 e 1.7.1.
Outras dicas
Na verdade, você pode usar qualquer um dos efeitos jQuery UI; por exemplo. palpitar:
$("#dialog").dialog({ show: "pulsate" });
Há muito para ser encontrado aqui: http://docs.jquery.com/UI/ efeitos /
Note que há uma dependência em effects.core.js.
Eu tentei passar uma opção (como fez) em 'show', não funcionou. Eu também tentei fazer 'show' de uma função, sem sucesso sorte.
O que funciona, porém, é:
$("a").click(function() {
$("#dialog").hide("drop", { direction: "right" }, 1000);
});
Você pode encontrar este link diálogo exemplos caixa útil. Em particular, o segundo a partir da direita. Eu não tenho certeza se ele está usando o plugin diálogo padrão, mas você deve ser capaz de descobrir isso a partir dos exemplos que utilizam.