2010-08-08 47 views

回答

20

可以使用show option(誠然,沒有得到很好的命名,太一般了),就像這樣:

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

緊密動畫匹配hide option,例如:

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

You can give it a try here

+0

作品在您的演示,但不與我:/ 需要弄清楚什麼是錯的 - 反正感謝! – Fuxi 2010-08-08 11:12:22

+1

@Fuxi - 您使用的是哪個版本的jQuery UI?在1.8版本中添加了「淡入淡出」效果,在以前的版本中不起作用。 – 2010-08-08 11:13:18

+0

是的,我有一箇舊版本 - 只是更新jQuery爲1.42和用戶界面爲1.84 - 仍然是相同的問題:/ 工作很好,當使用:me.dialog(「open」); 但不包含:me.dialog({show:'fade'}); 當使用淡入淡出時根本沒有什麼會發生.. – Fuxi 2010-08-08 11:41:14

1

您可以將showhide定義爲可以爲您提供便利的對象s到更多的選擇:

$("#element").dialog({ 
    show: { 
     effect: 'fade', 
     duration: 200 //at your convenience 
    }, 
    hide: { 
     effect: 'fade', 
     duration: 200 //at your convenience 
    } 
}); 
+0

這應該選擇答案! – 2016-10-03 17:42:54