在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>
标记中指定的转场
有谁知道如何才能让它发挥作用?
答案 0 :(得分: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"
....
答案 1 :(得分:-1)
只需将数据转换放在<form>
标记上。
<form action="login.php" method="post" data-transition="slideup" data-direction="reverse">
...your content form here...
</form>
即使您的POST管理页面将位置标题设置为另一个页面,也能正常工作。