【发布时间】：2012-06-26 15:48:06
【问题描述】：
我的 Nexus S 遇到很多问题，我想知道是不是我做错了什么。基本上，通过 jQuery 的点击事件不适用于在所有浏览器中运行 Android ICS (Ice Cream Sandwich) 4.0.4 的 Nexus S。我试过股票浏览器、Opera Mobile 和 FireFox。
相同的代码适用于运行 Android 2.3 Gingerbread 的 Nexus S。在运行 Android 4.0.3 的 iPhone 4 和三星 Galaxy SII 上也能正常工作。
有什么建议吗？或者这可能是一个需要向 Google 报告的错误？
这是基本代码，也使用了现代化、响应式和明显的 jQuery。 谢谢！
HTML：
<div>
<p><a id="red" href="" target="_self">CHANGE TO RED</a></p>
<p><a id="green" href="" target="_self">CHANGE TO GREEN</a></p>
<p><a id="blue" href="" target="_self">CHANGE TO BLUE</a></p>
</div>
JavaScript：
$(document).ready( function() {
$("#red").click( function(e) {
e.preventDefault();
$("body").css("background-color", "#CC0000");
} );
$("#green").click( function(e) {
e.preventDefault();
$("body").css("background-color", "#00CC00");
} );
$("#blue").click( function(e) {
e.preventDefault();
$("body").css("background-color", "#0000CC");
} );
} );
【问题讨论】：
-
看来问题出在 Modernizr (modernizr.com) 上。我一直在使用最新版本，即 2.5.3，但从 HTML5 样板文件再次下载它似乎已经解决了这个问题。由于我使用了缩小的两种变体，因此我无法轻易发现差异。
-
嗯...也许，现在事情似乎很不稳定。啊！更多测试！
-
我遇到了类似的问题，我将其追溯到我的页面上包含超过 9 个字符的一些 div 或 p 元素。一旦我截断这些元素的文本，它就会再次起作用。我知道听起来很疯狂。我什至无法说出为什么它以不同的方式对待这些元素，更改 CSS 没有帮助，唯一有效的是将有问题的元素移到标签结构中更高的位置......也许你可以尝试截断链接的文本，如果那是所有页面包含。
标签： javascript android jquery android-4.0-ice-cream-sandwich