jquery - 我的 .gif 动画没有在谷歌浏览器中显示？任何想法为什么？

Question

var loadUrl = "winners.php";
var ajax_load = '<div class="preloaders"><img src="img/preloader.gif" alt="Loadig..."></div>';

$(".page").click(function(){
    $(".main").html(ajax_load).load(loadUrl);
});

我想在网页中显示我的 .gif 动画，但它在 Google Chrome 中不起作用。使用 Firefox 没有问题。这个想法是点击加载内容，如果需要时间来显示预加载器。

Answer 1

我认为问题在于您使用 javascript 输出预加载图像。然后在加载站点时首先看到图像。

更好的方法是通过 HTML 直接在您的网站上输出图像，而不使用 javascript。

<div id="preloaders" style="display: block;"><img src="img/preloader.gif" alt="Loadig..."></div>

如果加载了 javascript 并且您的所有内容都已准备好隐藏 div。

$('#preloaders').hide();