3

我正在使用 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"过输入，但按钮仍然是灰色的

4

2 回答 2

6

inputwith 类型submit被包裹在一个 div 中，所以你需要ui-btn-active提交按钮的父 div。

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

对于具有data-role="button"

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

演示

于 2013-10-28T16:58:56.223 回答
0

如果你想使用 CSS，

然后background-color为他们使用。

a:active, input[type="submit"]:active {
  background-color: blue;
}

我为你创建了一个小提琴，http://jsfiddle.net/afzaal_ahmad_zeeshan/kMm3W/。问题在于 JS 版本（jQuery Mobile）它的代码，你没有犯任何错误。您可以在左侧看到选中的 jQuery Mobile。如果取消选中它，您将看到背景。所以，你需要改变它。

这个问题出现在 jQuery Mobile 1.3.xx 中，而不是 1.2 中。所以这是代码中的一个版本，以使UI类似于跨浏览器。

于 2013-10-28T16:27:00.820 回答