数据转换适用于<a> tag , but not for button onClick</a>

Question

我在html代码中应用了页面转换。它在标签下工作正常但在按钮点击下无法正常工作。我的浏览器：Firefox 15.0.1

这是我的代码：工作正常：

 Don't have a login? <a href="#signup" data-transition="slide" >Sign Up</a>

不工作：

<input id="Submit1" type="submit" value="Login" data-role="button" onClick="location.href='#details';" data-transition="slide" data-inline="true" data-theme="b" />

这里有什么问题？

Answer 1

将type="submit"更改为type="button"，如下所示：

<input id="Submit1" type="button" value="Login" data-role="button" onclick="location.href='#details';" data-transition="slide" data-inline="true" data-theme="b" >

Answer 2

我自己从未使用过这个特定的框架，而是来自site：

  

jQuery Mobile框架包含一组六个基于CSS的过渡效果，可以应用于使用Ajax导航的任何页面链接或表单提交[..]

您是否尝试将该属性应用于表单标记？

<form action=".." method=".." data-transition="slide">