jqueryui對話框，幻燈片的方向

Question

我正在使用jquery對話框，並希望在放映時滑動。我如何指定幻燈片的方向？

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

Answer 1

考慮到這些鏈接：

- Dialog - show with effect and options（2009年5月，所以不 老） - Is possible to have more granular control over jQuery UI Dialog Widget’s show/hide method?

這似乎並不可能，至少在當前版本...

Answer 2

我以這種方式解決問題： 我已經編輯了UI文件「jquery -u I-1.7.2.custom.min.js」對話框中的部分

原始代碼：

d.show(e.show);// <--or iDialog.show(options.show) in ui.dialog.js 

修改後的代碼：

d.show(e.show,e.showOpt); // or iDialog.show(options.show,options.showOpt) in ui.dialog.js 

創建我的對話框中添加一個新參數 「showOpt」可以包含jQuery效果選項

$j("#dialog_box").dialog({ 
    modal: true, 
    width:500, 
    height:500, 
    show: "slide", 
    showOpt: {direction: 'up'} 
    }); 

Answer 3

要控制方向，可以使用'slideUp'/'slideDown'inste '幻燈片'的廣告。

$('.selector').dialog({ show: 'slideDown', hide: 'slideUp' }); 

Answer 4

這對我的作品與jQuery 2和JQuery UI 1.11：

$("#dialog").dialog({show: {effect:"slide", direction:"right"}}) 

注意方向 「正確」 的幻燈片從右到左。