javascript - 将容器扩展到缺少 1% 的内容

Question

我目前正在这个网站上工作:

http://dingwangbag.com/

不幸的是，我仍然对幻灯片放映有疑问:大多数浏览器现在看起来都不错(有时最后还是有点闪烁，但它显示出来了)

我的 HTML 设置是这样的

<content>

    <gallery_item>
        <image>
        <image>
        <image>
    <gallery_item>

    <gallery_item>
        <image>
        <image>
        <image>
    <gallery_item>

</content>

在 document.ready 上调用一个运行的函数每个图像完全加载后的这段代码(基本上就是获取每张图片的宽度，加到容器宽度上)

function show_image(image){

          var $item = $(image.img);
          img_width = Math.ceil(parseInt($item.width()));

          gallery_width += img_width;       
          $("#content").width(gallery_width);

          if(images_loaded === false){
                 $item.css("opacity",0);
                 $item.removeClass('offscreen');

                 $item.animate().animate({
                        opacity: 1
                        }, 2000, function() {
                        // Animation complete.
                        });
          }
};

并且这个 block 在调整大小时运行

(".gallery_slides").each(function(i){
          current_slide_item = $(this);
          current_slide_item_width = 0; 

          $(this).find("img").each(function(){
             current_slide_item_width += $(this).width();    
          });

          gallery_width += current_slide_item_width;       
   });

   $(".gallery #content").width(gallery_width);

简单的权利

到目前为止它的工作但在我看来，图像的缩放会产生一些奇数，这些奇数加起来可能会短 1 或 2 px导致最后一个容器没有正确定位(所有容器和图像都向左浮动)现在这些关闭号码从何而来，我该如何解决(我将 2px 添加到容器宽度确实有帮助)

但是

Internet Explorer 9 正在做一些非常特别的事情通过对滚动和鼠标位置有些 react 随机显示或隐藏图像(甚至在组内)SOB

我发誓我没有以任何方式与此相关的悬停或滚动功能

所以如果有人可以看一下并希望能帮助我，那就太好了

提前致谢

Answer 1

不要取消它。

img_width = parseInt($item.width());

另外:你应该更新jQuery到1.11.1 之前的版本已经有bug了。