jQuery UI 대화 상자 위젯의 표시/숨기기 메소드를보다 세분화 할 수 있습니까?

StackOverflow https://stackoverflow.com/questions/531344

문제

현재 대화 상자 위젯을 사용할 때 가장 기본적인 형태로만 효과를 사용할 수 있습니다. 예를 들어, 다음은 대화 상자를 보여주고 숨기는 데 드롭 효과를 사용합니다.

$('#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는 a를 찾았습니다 버전 아마도 메인 라인에 있어야합니다. 다른 사람이 다른 것을 알고 있다면 나를 수정하십시오.

도움이 되었습니까?

해결책 2

이것은 현재 1.6과 1.7.1에서는 불가능합니다.

다른 팁

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

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

여기에는 많이 있습니다. http://docs.jquery.com/ui/effects/

effects.core.js에 의존성이 있습니다.

옵션을 '쇼'에 전달하려고 시도했지만 작동하지 않았습니다. 나는 또한 'show'를 기능으로 만들려고 노력했다.

그러나 작동하는 것은 다음과 같습니다.

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

이 링크를 찾을 수 있습니다 대화 상자 예제 유용한. 특히 오른쪽에서 두 번째. 표준 대화 플러그인을 사용하고 있는지 확실하지 않지만 사용하는 예제에서 파악할 수 있어야합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top