jquery - jquery在单击时检查并更改div宽度

Question

我在 DIV 中有一些图像，带有水平滚动条（jscrollpane）。

我首先获取所有图像的宽度并将该宽度分配给容器，但我想制作一个按钮来更改照片的高度（400px/600px）。当我单击按钮更改高度时，我还需要重新计算所有图像的宽度——这就是我的问题。

我的代码中的哪些内容被破坏以计算图像的宽度并将其分配给 div？

我的代码：

$(window).load(function(){
  $('.minus-button').click(function() {
  //alert('clicked');
    $(".scroll-content-item img, .scroll-content-item, .jspContainer").css('height', 200);
    $('.scroll-content').each(function(){
      var wrapper = $(this);
      var wrapperWidth = 0;

      wrapper.find('.scroll-content-item img').each(function(){
         wrapperWidth += $(this).outerWidth(true);
      });

      wrapper.css('width', wrapperWidth);
    });
 });
 });

有任何想法吗？谢谢你！链接：http ://bit.ly/TJaqC6

Answer 1

也许这样，img 没有滚动内容项目类，所以这将选择所有具有滚动内容项目类的父级的 img http://api.jquery.com/child-selector/

wrapper.find('.scroll-content-item > img').each(function(){
         wrapperWidth += $(this).outerWidth(true);