jQuery UI:对话框显示/隐藏带选项的效果

eje*_*211 24 jquery-ui

是否可以在jQuery UI中为对话框的show和hide选项指定选项.

例如,而不是:

$('#dialog').dialog({
  show: 'fade'
});
Run Code Online (Sandbox Code Playgroud)

就像是:

$('#dialog').dialog({
  show: {effect: 'fade', speed: 1000}
});
Run Code Online (Sandbox Code Playgroud)

(上面的代码当然不起作用.)

我真正想要使用的是效果内部的"完整"方法,或回调函数,所以我可以在效果完成后选择一些文本.

如果有人知道,谢谢.

小智 47

我不知道如何指定所有选项,但我确实设法指定速度,这是您的示例中的选项.我这样做如下:

$('#dialog').dialog({
show: {effect: 'fade', duration: 250}
hide: {effect: 'fade', duration: 5000}
});
Run Code Online (Sandbox Code Playgroud)

duration是动画将持续的毫秒数.通过使用firebug逐步执行javascript,我发现了这一点.


Lor*_*nzo 28

你可以用这个:

$("#dialog").dialog({
        autoOpen: false,
        hide: 'fold',
        show: 'blind'
});
Run Code Online (Sandbox Code Playgroud)

并设置两种不同的效果来隐藏和显示.

您不能使用"完整"方法.至少不与实际发布.该功能计划在1.9版本中发布

希望能帮助到你