如何使JQuery在页面加载时加载图像？

下面的代码可以很好地与“mousemove”配合使用，但我希望在页面加载时显示图像，并且我所做的任何更改都不会使图像在页面加载时显示。 非常感谢您的帮助！ 谢谢 伊恩

$（文档）.ready（函数（）{
$（“body”）.mousemove（函数（）{
$（“li.fsn-level-1”）。每个（函数（）{
var imgCount=$（this）.children（“span”）.first（）.children（“img”）.length；
如果（imgCount<2）{
$（this）.children（“span”）.first（）.prepend（“”）；
$（this）.children（“span”）.first（）.prepend（“”）；
}
var closed=$（this）.hasClass（“closed”）；
var open=$（this）.hasClass（“open”）；
var first=！closed&&！open；
如果（第一）{
$（此）.removeClass（“打开”）
$（此）.removeClass（“已关闭”）.addClass（“已关闭”）；
var sub=$（此）.children（“ul”）；
如果（子长度）{
sub.hide（）；
}
var plus=$（this.children（“span”）.first（）.find（“img[id='imgPlus']）；
如果（加上长度）
plus.show（）；
var减号=$（this.children（“span”）.first（）.find（“img[id='imgMinus']）；
if（减去长度）
减。隐藏（）；
}
$（this）.unbind（'hover'）.bind（'hover'，函数（）{
关闭所有子菜单（）；
var closed=$（this）.hasClass（“closed”）；
var open=$（this）.hasClass（“open”）；
var first=！closed&&！open；
如果（第一次| |关闭）{
$（此）.removeClass（“已关闭”）；
$（此）.removeClass（“打开”）.addClass（“打开”）；
var sub=$（此）.children（“ul”）；
如果（子长度）{
sub.show（）；
}
var plus=$（this.children（“span”）.first（）.find（“img[id='imgPlus']）；
如果（加上长度）
plus.hide（）；
var减号=$（this.children（“span”）.first（）.find（“img[id='imgMinus']）；
if（减去长度）
减。show（）；
}
如果（打开）{
$（此）.removeClass（“打开”）
$（此）.removeClass（“已关闭”）.addClass（“已关闭”）；
var plus=$（this.children（“span”）.first（）.find（“img[id='imgPlus']）；
如果（加上长度）
plus.show（）；
var减号=$（this.children（“span”）.first（）.find（“img[id='imgMinus']）；
if（减去长度）
减。隐藏（）；
}
});
});

很难看出您到底想做什么，但我发现：

页面准备就绪后，您将在此处附加图像：

$(this).children("span").first().prepend("<img id='imgPlus' src='images/plus.png' style='display:inline' />");
$(this).children("span").first().prepend("<img id='imgMinus' src='images/minus.png' style='display:none' />");

$（this）.children（“span”）.first（）.prepend（“”）；
$（this）.children（“span”）.first（）.prepend（“”）；

这将导致在该时间点加载图像，即：等待页面准备就绪（加载），然后追加图像，并在页面加载后强制加载图像

---

如果需要动态（看起来像），请在调用

$（document.ready（）；

）之前尝试运行它。这样，它们将包含在文档的加载中（以及此后发生的任何事情。

只是问一个愚蠢的问题，如果你想在页面上加载图像，那么为什么不在页面上添加标签开始，这样图像就已经作为文档的一部分加载了

如果您想在文档准备就绪（页面加载后）而不是鼠标悬停时加载图像，则只需删除此项

$("body").mousemove(function () { }

---

javascript中的…部分和其他部分将立即启动，因为它不再连接到mousemove函数。

您的意思是移动$（this）.children（“span”）.first（）.prepend（“”；$（this）.children（“span”）.first（）.prepend（“”）；在文档上方。准备好了，如果是这样的话，我试过了，但没有成功。顺便说一句，你的假设是正确的。我在章节和文章中使用HTML5，并且在页面级别添加图像与早期html版本的工作方式不一样！Thx。真的吗？HTML5中的标记有什么不同？我认为唯一的区别是有一些不同支持的属性我已尝试，但无法在正确的位置获取图像。图像背景在正确的位置获取图像，但添加了太多图像！今天早上我确实发现了一些有趣的事情，我的开发服务器在windows server 2012上运行vs2012，出现了问题，但我的生产服务器正在运行vs2012在windows server 2008 r2 enterprise上没有此问题，这很奇怪！我将就此与Microsoft联系，感谢您的帮助！经过进一步研究，我仍然存在此问题：（“图像背景添加了太多图像”-您的意思是它在重复吗？如果是，您可以尝试将背景重复属性设置为“repeat-y”所以它只会垂直重复，或者“不重复”根本不重复？不同的开发环境不应该影响HTML的呈现方式，除非您在每台机器上都有不同的浏览器（很抱歉，如果我完全理解错了）。

$("body").mousemove(function () { }