1

我有一个网页,其中包含 n 个小 div,每个小 div 包含不同的图像,还有一个更大的,其中没有图像。

所有较小的 div 都像这样设置背景:background-image:url(image1.jpg)等等。

单击每个 div 时,我想用单击的较小 div 的背景图像设置较大的 div,我使用以下代码:

$("#largediv").css({
  'background-image': $(this).css('background-image')
});

或者,我使用这个:

$("#largediv").css({
  'background-image': "url(image1.jpg)" //I always have access to the id anyway.
});

现在,两个代码都可以正常工作,问题如下:我感觉每次我发出这些命令时,浏览器都会向服务器发送一个 HTTP 请求来获取图片,即使它没有下载它,只是就像它正在检查图像仍然在线。一旦页面完全加载,我通过禁用 wifi 发现了这一点:点击不再更改较大 div 上的图像。

谁能解释我为什么,如果有解决这个问题的方法,或者这只是我的问题?而且,考虑到图像应该已经加载到页面中,提供的两个代码中哪一个更好用?

提前致谢

4

0 回答 0