4

在 jQuery mobile 中创建表单时,似乎默认的表单功能是从<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>

有谁知道我怎样才能让它工作?

4

2 回答 2

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

于 2012-06-07T14:24:14.967 回答
-1

只需将数据转换放在<form>标签上。

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

即使您的 POST 管理页面将位置标题设置为另一个页面,也可以工作。

于 2013-04-21T11:35:33.580 回答