jQuery Mobile 제출 버튼에서 페이지 애니메이션 지정

Question

jQuery 모바일에서 양식을 만들 때 제출 버튼이 아닌 <form> 태그에서 페이지로드 애니메이션을 지정하는 것이 기본 양식 기능인 것처럼 보입니다. 다른 애니메이션을 수행하는 것으로 가정되는 두 개의 제출 버튼이있는 양식을 작성하려고합니다. (이상하게 들리지만 앱의 컨텍스트에서는 의미가 있습니다.) 질문의 요지는 아닙니다.)

<form> 태그의 기본 사양을 처리하고 각 제출 버튼에 <input> 태그의 애니메이션을 지정하는 방법이 있습니까? 지금

//this is where I have to specify the animation now, but I only want one button 
//to trigger a "pop" animation 
<form action='blah.php' data-transition='pop'> 
    //form elements and whatnot 

    //I'd like this button to have one animation by specifying it here: 
    <input type='submit' value='submit button 1' data-transition='slide'> 

    //And this button to have a different animation by specifying it here: 
    <input type='submit' value='submit button 2' data-transition='pop'> 

의 <input> 태그에 지정된 전환이 나는 사람이 내가이 얻을 수있는 방법을 알고 않음 <form>

의 전환을 지정할지 여부를 무시된다 : 그래서 여기에 내가 갈거야 무슨 일하다?

Answer 1

예를 들어

,

<form action="blah.php" method="get"> 
<a id="direct1" data-transition="slide">submit button 2</a> 
<a id="direct2" data-transition="pop">submit button 2</a> 
</form> 

만약 ... 내가, 내가 버튼 전환을 지원하지 않는 제출을 생각하지만, 앵커 태그는 .. 앵커 태그를 사용하여이 작업을 시도 않습니다 잘못 될 수 있음 이 코드가 실행되면 앵커에 data-ajax="false"을 추가하십시오.

Answer 2

<form> 태그에 데이터 전환을 넣기 만하면됩니다.

<form action="login.php" method="post" data-transition="slideup" data-direction="reverse"> 
...your content form here... 
</form> 

POST 관리 페이지가 위치 헤더를 다른 페이지로 설정하는 경우에도 작동합니다.