javascript - 使用 jQuery 在 Chrome 中更改图像不会加载

Question

我有这个代码:

$('#logo a img').attr('src', window.location.protocol + "//" + window.location.host + '/images/loader.gif');

这是 jQuery。它是为了将图像更改为加载程序而设计的，它适用于 IE 和 Firefox，但在 Chrome 中似乎是: http://gyazo.com/6dad40741782b122cf621716ff2b86ec我尝试使用网址加载它，Chrome 找到了图像，但它只是没有加载到页面中。可能是什么原因？它只是在您单击“登录”时起作用，我不知道为什么，因为它是相同的功能......非常感谢!

P.S:抱歉我的英语不好；(

P.S 2:如果可能的话我不想使用CSS，谢谢

这里是现场演示，只需点击 Logo 即可(例如):http://www.sploonder.com/

Answer 1

为什么不在使用加载程序图像之前预加载它。

只需在文档准备好后运行此代码即可。

$('<img>').attr('src', window.location.protocol + "//" + window.location.host + '/images/loader.gif');

然后再试一次。