2009-02-10 5 views
4

현재 대화 위젯을 사용할 때 가장 기본적인 형식으로 만 효과를 사용할 수있는 것으로 보입니다. 예를 들어, 다음은 모두 표시하고 대화 상자를 숨기는 드롭 효과를 사용합니다 :jQuery UI 대화 위젯의 표시/숨기기 방법을보다 세부적으로 제어 할 수 있습니까?

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

그러나 드롭 방식의 기본은 항상 왼쪽으로 떨어진다. 내가 정말로 원하는 것은 그것이 오른쪽으로 떨어지는 것이다. 다음과 같이 입력하십시오 :

$('#dialog').dialog({ 
    show:{effect:'drop', direction:'right'}, 
    hide:{effect:'drop', direction:'right'} 
}); 

이게 가능합니까?

현재 1.6rc6을 사용하고 있습니다. 나는 또한 행운없이 1.5.3 (안정적인) 그것을 시도했습니다.


소스를 조금 파고 들자,이 버전이 1.5.3 및 1.6rc *에서 모두 지원되지 않는다고 생각합니다. 위의 기능을 지원하려면 먼저 API를 변경해야합니다. Steerpike는 아마도 메인 라인에 있어야 할 version을 발견했습니다. 아무도 그렇지 않으면 나를 정정하십시오.

답변

1

이 1.6과 1.7.1와 함께하실 수 없습니다.

+0

1.9.1을 사용하고 있지만 작동하지 않습니까? – SaurabhLP

0

dialog box examples 링크가 유용 할 수 있습니다. 특히 두 번째 오른쪽에서. 표준 대화 플러그인을 사용하는지 잘 모르겠지만 사용하는 예제에서 알아낼 수 있어야합니다.

+0

이것은 내가 찾고있는 것이지만 불행히도 jQuery.ui의 표준 버전입니다. 어쩌면 프로토 타입일까요? – newtonapple

+0

실례합니다. 표준 버전이 아닙니다. – newtonapple

+0

링크가 작동하지 않습니다. – peteroak

2

실제로 jQuery UI 효과를 사용할 수 있습니다. 예 : 뛰다 :

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

여기에서 찾을 수 많음 있습니다 effects.core.js에 대한 종속성이 있음을 http://docs.jquery.com/UI/Effects/

참고.

내가 '쇼'에 옵션을 전달하려고 시도했지만 작동하지 않았습니다. 나는 또한 '쇼'기능을 만들려고 노력했다. 운이 없다. 그러나 어떤 작품

은 다음과 같습니다

$("a").click(function() { 
    $("#dialog").hide("drop", { direction: "right" }, 1000); 
}); 
+0

그 마지막 기술은 .show (...)가 없어서 작동하지 않는 것 같습니다. – TJB

+0

그것은 저에게 효과적입니다. Firefox 6 및 JQuery 1.6.2/JqueryUI 1.8.15에서 테스트되었습니다. 내가 대화 옵션의 쇼 옵션을 포함 할 수있을 때까지 나는 미친 것들을 전부 발명하고있었습니다. 좋은 것. –

+0

원한다면 멋지다. 내 대답을 똑딱! – Wayne