JqueryUIのダイアログボックスで、画面外をクリックしたときに閉じる方法など

画面外で閉じる

このスクリプトを仕掛けておけばOKです。

$( document ).on( "click", ".ui-widget-overlay", function(){
$(this).prev().find(".ui-dialog-content").dialog("close");
} );


ダイアログのエフェクト

表示や非表示の切り替え時にエフェクトをかけることができます。
showやhideにパラメータを書けばよいのですが、何をしたらどうなるのかがいまいちわかりません。
一覧にしてくれたサイトがあったので紹介します。
jQuery UI Effects一覧