javascript - 单击按钮jquery mobile时蓝色突出显示

Question

我正在使用 Jquery Mobile 元素。

应用程序中有按钮和链接，我想要所有按钮上的蓝色背景!

有两种按钮:带链接的按钮

<a id="cancel" href="http://path" data-role="button" data-icon="cancel" data-inline="true">CANCEL</a>

那些类型的按钮工作正常(点击时蓝色)

还有那些按钮:

<input type="submit" value="Add" data-role="button" data-icon="ok" data-inline="true" />

那些提交不起作用。它们采用 POST 形式。

我想在单击它们时将按钮设为蓝色。实际上，周围有阴影但没有蓝色按钮:

(只是阴影...按钮必须全是蓝色^^)

如何让这个按钮变成蓝色？!？

感谢帮助我!

编辑:

我也在输入上尝试了 class="ui-btn-active"，但按钮仍然是灰色

Answer 1

类型为 submit 的

input 被包装在一个 div 中，因此您需要 ui-btn-active 到提交按钮的父 div。

$(this).closest('div').addClass("ui-btn-active");

对于带有 data-role="button" 的 anchor

$(this).addClass("ui-btn-active");

Demo