jQuery Mobile從提交按鈕指定頁面動畫

在jQuery手機中創建表單時，似乎缺省表單功能是從<form>標記中指定頁面加載動畫，而不是提交按鈕。我試圖用兩個提交按鈕構建一個表單，每個按鈕都應該執行不同的動畫（聽起來很奇怪，但它在應用程序的上下文中是有意義的，但這不是問題的要點:)）jQuery Mobile從提交按鈕指定頁面動畫

有沒有一種方法可以解決<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>

過渡有誰知道我怎麼能得到這個上班？

來源

2012-04-20 Zak

我可能是錯的，但是在這種情況下，操作頁面'blah.php'需要以某種方式將'data-rel ='對話框的屬性加入到表單提交中。我相信（而且，我可能會錯），獲得效果的唯一方法是妨礙jQuery移動UI將其檢測爲對話框。如果你有一個jsfiddle演示或者我可能會有更多的幫助。 – adamdehaven 2012-04-20 15:40:24

不幸的是，我似乎不能創建一個小提琴來演示這一點。轉換僅適用於同域鏈接。我試着嘗試使用他們提供的AJAX示例，但是如果沒有發佈到頁面，它似乎不會返回任何內容。但我不認爲'data-rel'缺少問題。當我在'

可能是我錯就錯，我想提交按鈕不支持轉換，但錨標籤不..通過使用錨標記嘗試......

例如，

<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" ....

來源

2012-06-07 14:24:14 SaurabhLP

-1

只需在<form>標記上放置數據轉換即可。

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

即使您的POST管理頁面將位置標頭設置爲另一個頁面，也可以使用。

來源

2013-04-21 11:35:33 doubotis

但問題的關鍵是我需要每個按鈕來執行不同的動畫，所以我需要一個替代方案來指定''標籤 – Zak 2013-05-11 21:09:32

jQuery Mobile從提交按鈕指定頁面動畫

回答

相關問題