1

在我的网站中，我使用 jQuery 更改了包含图像的 div：

 <div class='bar1' >
    <div class='blocks'> <a href='#' >Home</a></div>
    <div class='blocks'> <a href='#'>About</a></div>
    <div class='blocks'><a href='#'>Zones</a></div>
    <div class='blocks'><a href='#'>Players</a></div>
 </div>
<div class='block-top-container'>
   <div class='scroll-block'>
      <img src='ban1/1.jpg' alt ='' />
   </div>
   <div class='scroll-block'>
     <img src='ban1/2.jpg' alt ='' />
   </div>
   <div class='scroll-block'>
      <img src='ban1/10.jpg' alt ='' />
    </div>
</div>

jQuery代码在点击的链接上向左移动图像

$(window).load(function() {

    $(".bar1  a").click(function(e){

    var $this = $(this);
    var index = $this.parent().index();
    var left = (index * $(" .scroll-block ").width());

    $(" .block-top-container ").animate({ marginLeft: -(left) }, 500);


    });

 });

该错误发生在 Chrome（版本 23）中。图像加载，但页面加载完成后图像消失，我们看到一个损坏的图像图标。

当页面加载图像出现时，我在 Chrome 开发人员工具中检查了网络选项卡，但页面加载完成后图像消失，在网络选项卡中显示图像获取失败错误。

错误图片

4

0 回答 0