jquery - 为什么safari不会缓存动态插入的图像元素？

请查看下面的代码段。当在chrome / firefox中运行时，每次都不会请求动态插入的图像，因为src没有更改，但是当在safari中运行时，图像被请求的次数与单击按钮一样多。这有什么问题？我希望每次删除图像时都不加载图像并将其添加回DOM。请为浏览器中的一致行为建议任何解决方法。

$(document).ready(function() {
  
  
  $('button').click(function() {
    $('.test').remove()
    var im = $('<img class="test" src="https://unsplash.it/100/100?random&126"/>')
    im.appendTo($('body'))
  })
  
})

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <br>
  <button>insert</button>
  <br>
<script src="https://code.jquery.com/jquery-2.0.3.js"></script>
</body>
</html>

为什么safari不会缓存动态插入的图像元素？

0 个答案: