jqueryui 대화 상자, 슬라이드 방향

Question

jquery 대화 상자를 사용 중이고 쇼를 슬라이드하고 싶습니다. 슬라이드의 방향을 어떻게 지정합니까?

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

Answer 1

고려하면 이러한 링크 :

- Dialog - show with effect and options (2009 월, 그렇게하지 된) - Is possible to have more granular control over jQuery UI Dialog Widget’s show/hide method?

적어도 현재의 버전으로, 가능하지 않는 것 ...

Answer 2

이렇게하면 문제가 해결됩니다. UI 파일 "jquery-u 내가-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"}}) 

참고 오른쪽에서 그 방향으로 "오른쪽"슬라이드를 왼쪽으로.