Question

jQuery 缓存图片问题

有两个div，一个div class='nav' 放链接，一个div class='content' 显示内容

点击一个链接，先empty() 清空div class='content'

然后用$.ajax()，从后台得到图片url ，然后在div class='content'显示图片，
点击其他链接，也是先清空，再重新加载图片
那么如何把加载过的图片缓存下来，再点击时候，如果有缓存，就缓存读图片
这个怎么做

Answer 1

Ajax 本来就有缓存的
默认情况下，请求总会被发出去，但浏览器有可能从他的缓存中调取数据。要禁止使用缓存的结果，可以设置cache参数为false。如果希望判断数据自从上次请求后没有更改过就报告出错的话，可以设置ifModified为true。

追问

ajax返回的是图地址，ajax缓存的是这个地址吧，而不是图片

Answer 2

把返回的图片地址新建img加载到content中，把返回的图片地址和img对象以数组的形式存起来，例如：
[{obj:img, url:""}, {obj:img2, url:""}]
当点击其他链接时，先隐藏content中的所有图片，遍历查找数组中是否已有同样的地址，有的话显示该图片的img对象，没有的话再新建一个img对象插入到content中。

Answer 3

加载过的你把他添加到div class='content'同时，在添加到一个新div中影藏起来，下次直接显示这个就OK。如果没有才去查，加载，有了，直接显示影藏的

Answer 4

在一个display:none的元素里引用这个图，就会preload