android - :active not working on phonegap

标签 android jquery html css cordova

我想要做的是当我点击任何 li 元素时它应该改变颜色。问题是当我放置 a:active 它在 android 4.0 和更高版本上工作但它在 android 2.3 和更低版本上不起作用。我不知道是什么问题。有没有其他方法可以在我按下它时更改 li 的背景颜色?

HTML:

<div id="nav">
<ul id="navigation">
<li><a href="#">Requirements</a></li>
<li><a href="#">Release dates</a></li>
<li><a href="#">Game Plot</a></li>
<li><a href="#">Game Review</a></li>
<li><a href="#">About</a> </li>
<li><a href="#">About</a> </li>
</ul>

CSS:

#navigation a:active
{color:pink;
background-color:#FF5C33;
}

注意: a:hover 适用于 android 2.3 及以下版本。

最佳答案

您可以使用 javascript 为您完成此操作,而不是依赖伪选择器。

将您的 css 更改为此...

#navigation a.active {
    color:pink;
    background-color:#FF5C33;
}

并添加这个 javascript...

$(function() {
    $("#navigation a").on("mousedown", function() {
        $(this).addClass("active");
    }).on("mouseup", function() {
        $(this).removeClass("active");
    });
});

这应该适用于较早版本的 Android,它将使用较旧版本的 WebView。

关于android - :active not working on phonegap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22044697/

相关文章:

java - Android GameHelper 排行榜关闭监听器/检测器

android - 使用 Intent 在日历中为多天设置相同的时间间隔

javascript - 重新排列显示未定义值的数字

javascript - 使用: and => for the return type with a TypeScript function?有什么区别

c# - 使用 HtmlAgilityPack 解析 HTML 页面

java - 如何在 Android 中将按钮状态保存到 SharedPreferences 中

android - 如何将数据从Sqlite迁移到Realm

javascript - 使用jquery包裹在主div中时如何在两个段落之间添加div标签

javascript - 试图让我的 ToDo 列表 <li> 标记显示为一列但无法使其工作

javascript - 使用 jQuery/Javascript 在将鼠标悬停在文本上时切换 div 中的图像