Jquery移动按钮不显示“按下按钮”动画

Question

所以在我的电脑上测试时它工作得很好，但是当我在手机上测试它时它就坏了......

<%: Html.ActionLink("About", "About", "Home", null, new { data_role = "button", data_iconpos = "right", data_icon = "arrow-r", data_shadow = "false", @class = "arrowButton" })%>

这成功地呈现了一个按钮样式的超链接，当我在手机上按下它时会给出适当的反馈，让我知道我按下了它。不过这个按钮在这里

<a id="submitBtn" href="" data-role="button" data-theme="b" onclick="$('#formControl').submit();" >Sign In</a>

并且网站上的每个其他按钮（这最初是一个带有 type="submit" 的输​​入，但我对其进行了更改以使两者之间尽可能相同）在您按下时不会显示任何反馈他们在我的手机上。任何想法为什么会发生这种情况？

tl:dr 超链接直观地显示我手机上的点击，但按钮不显示。

Answer 1

根据声明

超链接直观地显示我手机上的点击，但按钮不显示。

我想我知道你的问题。 看到这个小提琴http://jsfiddle.net/nachiket/wBe9M/

<button data-role="button">Button with data role</button>            
<button>Button without data role</button>  

当您为 button 指定 data-role 时，它不会显示按钮突出显示或按下动画，因为按钮不需要 data-role。