jquery - 消除 Windows Phone 7 中的点击突出显示?

标签 jquery css windows-phone-7 windows-mobile

我正在构建一个移动网络应用程序,但我在使用 Windows Phone 7 时遇到了一个在 Android 或 iOS 上没有的问题。该应用程序在 Mobile IE 中运行良好,但由于我使用的是 JQuery 的(相对)新的 .on() 方法,我得到了奇怪的点击突出显示效果,这使得使用该应用程序有点烦人。

示例:我有一个消息列表,就像在 Twitter 或电子邮件客户端(Android/iOS 样式)中的那样,我的 JS 代码如下所示:

$('#conversation_list').on('click', '.conversation', function () {
    // show all the messages in a conversation
});

最终发生的是 整个 顶级选择器(在本例中为#conversation_list)被高亮显示(并且通常会高亮显示一两秒钟,这让人不舒服)。我认为这可能会使某些用户感到困惑,因为即使您可能会点击,也不会感觉到您正在点击想要的元素。

有什么方法可以避免这种情况,或者只是关闭 WinPhone IE 中的点按突出显示?我在 iOS 和 Android 浏览器中成功使用了 -webkit-tap-highlight-color,但它似乎在这里不起作用。

最佳答案

他们为 WP8 添加了支持:

<meta name="msapplication-tap-highlight" content="no"/> 

来源: http://sgrebnov.blogspot.de/2012/10/windows-phone-8-for-html5js-developers.html

关于jquery - 消除 Windows Phone 7 中的点击突出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12665511/

相关文章:

javascript - 使用 jquery 为特定的 css 类更改 url

javascript - document.getElementById 未获取新输入的 HTML 文本输入值

visual-studio - Visual Studio 2010 Premium 和 Windows 7 移动开发

javascript - JQuery:脚本可以在控制台中运行,但不能在附加文件中运行

javascript - 从 Moment.js 的特定日期开始的几天/几周前

html - Firefox 中标签和复选框之间的额外空间

jquery - 位置固定的 Div,直到特定高度出现故障

javascript - 如何使用 CSS 或 jQuery 旋转元素并正确定位它

c# - Windows Phone 禁用应用程序栏按钮

C# URL 查询字符串问题