2012-06-21 182 views
1

因此,虽然我的电脑上测试它工作得很好,但只要我测试了我的手机它打破对...没有显示jQuery Mobile的按钮“按下按钮”动画

<%: 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> 

,并在网站上所有其他按钮(这原是类型的输入=上“提交”,但我改变了它,使尽可能多的相同的2尽可能之间)获当您在手机上按下时,不会显示任何反馈。任何想法,为什么这可能会发生?

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

回答

1

基于声明

超链接直观地展现我的手机上点击,但按键没有。

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

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

当您为按钮数据角色,它不显示按钮高亮或按下动画,不需要数据的作用是为按钮。

+0

这个小提琴的唯一问题是,jQuery Mobile没有被包含,并且一旦你添加它然后它可以与所有按钮一起工作 –

+1

它为我工作,没有添加任何其他东西,我已经把jQuery移动参考JS和“管理资源”选项卡中的CSS。 – Nachiket

+1

我可以让所有的东西在我的电脑上正常工作,但由于某种原因,在我测试过的所有移动设备上,它仍然没有显示出来:\ –