jQuery Mobile Popup Close SlideDown

Question

jQuery Mobile Popup에 대한 슬라이드 전환을 수행하려고합니다. 다음 구현을 사용 중입니다 :

$(element).click(function() { 


        popup = $("#someproduct").popup({ 
         transition: "slideup", shadow: false, corners: false 

        }).popup("open"); 



       }); 

       $("#closePopup").click(function() { 

        popup.popup({ transition :"slidedown"},"close"); 

        // var transition = popup.popup("option", "transition"); 
        // popup.popup("option", "transition", "slidedown"); 

        //popup.popup({transition:"slidedown"}); 

        // 
       }) 

팝업이 좋은 슬라이드로 나타납니다. 닫기 버튼을 누르면 슬라이드 다운 애니메이션이 수행되지 않습니다. 어떤 아이디어!

Answer 1

전체 답을 보여주는 해당 jsFiddle는 여기에서 찾을 수 있습니다 : jsFiddle Sample

당신은 샘플 HTML있을 것입니다 무엇을 찾을 것입니다 : 여기

<button id="MyButton">Show Popup</button> 
<div data-role="popup" id="MyPopup"> 
    <div class="ui-content"> 
     Hello from my popup 
     <button id="CloseButton">Close</button> 
    </div> 
</div> 

그리고 자바 스크립트 :

jQuery("#MyButton").on("click", function() { 
    jQuery("#MyPopup").popup({ 
     transition: "slideup" 
    }).popup("open"); 
    jQuery("#CloseButton").on("click", function() { 
     jQuery.mobile.back(); 
    }); 
}); 

높은 수준은 jQuery Mobile back() 메서드를 사용하면 pop의 숨김을 위해 자동으로 역변환이 발생한다는 것입니다 쪽으로. 버튼으로 자신의 닫기를 처리하는 경우에도 마찬가지입니다.

jsFiddle을보고 테스트 해보세요.