如何使用Jquery对话框小部件进行缓动

时间:2012-01-02 15:36:34

标签: jquery jquery-ui jquery-ui-dialog jquery-effects jquery-easing

我在jquery UI中使用jquery对话框小部件在模式对话框中显示表单。我想自定义动画,但除了通过名称指定效果之外,我在选项中看不到任何内容。例如:

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

我还注意到,在打开对话框时,效果的时间和屏幕变暗(模态设置为true)并不完全匹配。对话框保持在暗覆盖下,直到效果结束。

有没有办法在对话框选项中自定义效果?也许使用它的缓动插件?

谢谢

1 个答案:

答案 0 :(得分:3)

我认为您还可以指定提供哈希的其他参数:

$("#dialog").dialog({
  show: {effect: "fadeIn", duration: 5000}
});

在这里摆弄http://jsfiddle.net/dHs73/