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没有一个scroll-content-item类，所以这将选择所有img，其父类包含一个scroll-content-item http://api.jquery.com/child-selector/

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

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

1 个答案: