Android 本机浏览器中的奇怪 JavaScript 行为答案

【问题标题】：Strange JavaScript behavior in Android native browserAndroid 本机浏览器中的奇怪 JavaScript 行为
【发布时间】：2013-04-24 23:36:58
【问题描述】：

您好，我想要一个简单的 onclick 事件，其中一个图像隐藏而另一个图像显示。这是一个示例： http://jsbin.com/abezob/1

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script>
</head>

<body style="background-color: #ccc;">
<div id="reload" style="display: block">
<img width="24" height="24" src="http://info.kicktipp.de/img/mobil/reload.png" alt="reload" />
</div>

<div id="loading" style="display: none">
<img width="24" height="24" src="http://info.kicktipp.de/img/mobil/loading.gif" alt="loading" />
</div>
<p>
<a href="http://www.google.de/">Link to Google</a>
</p>

<script type="text/javascript">
$("a").click(function() {
$("#reload").hide();
$("#loading").show();
});
</script>

</body></html>

我在我的设备上看不到微调器，当然我想在页面加载时看到它。该示例适用于 Firefox、Chrome 和 Safari，但不适用于原生 Android 4.1.2 浏览器。这是我的用户代理：

Mozilla/5.0 (Linux; U; Android 4.1.2; de-de; GT-I9100 Build/JZO54K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

任何建议表示赞赏。

更新：设置如下所示的超时将使微调器出现。但是，微调器仅针对设置的超时进行动画处理。因此，如果连接不好并且加载需要一些时间，则应用程序看起来没有响应。示例：http://jsbin.com/uxopuy/1 超时 3 秒

【问题讨论】：

该页面在我的 Android 手机上的 Chrome 上运行良好。
所以你可以看到纺车，当你点击链接的时候？
是的，它可以在我的手机上运行，就像在桌面上的 Chrome 上一样。现在也许它与原生 Android 浏览器的工作方式有所不同；我会试试的。

标签： javascript android jquery webkit

【解决方案1】：

我不确定它是否会改变任何东西，但你可以尝试使用类似这样的东西：

$("a").click(function(e) {
    e.preventDefault();
    var $this = $(this);
    $("#reload").hide();
    $("#loading").show();
    setTimeout(function () {
        window.location.href = $this.attr("href");
    }, 500);
});

所有这些只是在实际导航之前添加半秒延迟。对我来说，可能有助于在离开页面时显示微调器。

我不知道为什么它没有在您的手机上“显示”微调器，但如果是因为浏览器离开页面的速度如此之快并且您没有太多时间查看微调器，我不会感到惊讶.

【讨论】：

甚至不需要半秒；即使是非常短暂的延迟似乎也会“欺骗”原生 Android 浏览器显示（不是很好）动画 gif。反正 Chrome 对我手机上的原版似乎没有任何问题。
如果我在更改后发出警报，则微调器也不会显示。所以不要认为快速重新加载是我的问题。视图只是没有更新。
我刚刚在我的 android（股票）浏览器上测试了这个，它可以工作，而原始代码没有。
微调器只是为设置的超时设置动画。这不是我要找的。span>