Question

我有一个包含一堆图像的div。每个图像的高度是窗口的100％，宽度是动态的，基于窗口高度。我想获取图像的显示宽度，得到它们的总和，然后将其应用到容器中。

问题在于我抓住原生宽度，但我想抓住显示的宽度。以下是我使用的代码：

var width = 0;
$('.index .main-content img').each(function() {
    width += $(this).width();
});

$('.index .main-content').css( 'width', width );

我想我可能必须在加载图像后应用css吗？我无法弄清楚语法。

非常感谢任何见解！

Answer 1

类似

    $(document).ready(function(){
      var sum = 0;

      var addImageWidthToContainer = function(el){
        sum += $(el).width();
        console.log(sum)
      }

      $('.pics').each(function(i, el){
        $(el).on('load', addImageWidthToContainer(el));
      });
   });

获取图像宽度的总和并将该总和应用于div

1 个答案: