在多个CSS类的每个元素上等相等的高度和窗口大小函数

Question

不是编码专家，请找到有关如何使用"每个"的解决方案。但是，然后吸吮与平等的Heigh Line结合在一起。请帮忙！在所有内容负载之后，" Slick-list"是与最高滑梯的高度相等的。然后，我想要/每个" Carousel-wrap-X频段"在其自己的" Slick-list"上相等。

$("[class*='carousel-wrap-'] .carousel").each(function() {
  $(this).slick({
  appendArrows: $(this).siblings('.carousel-control'),
  other functions
  });
  $(this).siblings({
  var offsetHeight = $(this).siblings('.slick-list').outerHeight();
  $(this).siblings('.carousel .band').outerHeight(offsetHeight);
  $( window ).resize(function() {
    $(this).siblings('.carousel .band').css("height", "100%")
    var offsetHeight = $(this).siblings('.slick-list').outerHeight();
    $(this).siblings('.carousel .band').outerHeight(offsetHeight);
  });
  });
});

<div class="carousel-wrap-1">
<div class="carousel-control"></div>
<div class="carousel">
<div class="slick-list">
<div class="band">1</div>
<div class="band">2</div>
<div class="band">3</div>
</div>
</div>
</div>

Answer 1

不确定我完全理解您的目标 - 在这里肯定出了很多问题，如果您对代码相对较新，我会为您的冒险精神感到赞赏！我熟悉Slick Slider和Jquery的"每个" - 所以这是我看到的一些问题。

jQuery函数.east((带有两个参数 - 索引和元素。我认为索引是您要从$(" [class*='carousel -wrap-'] .carousel返回的数组的索引"( - 我通常不使用它 - 元素是由元素返回的元素选择器，sans jquery包装。

我不记得要指的是什么，但要在我自己的代码中查看我要使用的$(element(例如

$(".selector").each(function(index, element) {
    $(element).addClass("do-a-thing");
});

至于这个位 - $(this(.siblings({...}(;首先，兄弟姐妹会吸引一个选择器 - 我猜想通过这样的代码块将其炸开？

第二，包含.EAT((的母体选择器是" [class*='carousel-wrap-'] .carousel" - 因此，它可以寻找旋转木马的兄弟姐妹，这只是旋转木马 - 控制，这显然不是您要寻找的。

最后，窗口事件侦听器 - 如果您希望将其应用于特定对象，我相信您需要.bind。所以：

  $( window ).resize(function() {
    $(this).siblings('.carousel .band').css("height", "100%")
    var offsetHeight = $(this).siblings('.slick-list').outerHeight();
    $(this).siblings('.carousel .band').outerHeight(offsetHeight);
  }.bind(this));

否则我认为"这个"将是窗口

仍然不是100％在您想做的事情上 - 受过良好教育的猜测，您正在试图使乐队在Slick List中的高度相等，而Slick List list list是旋转木马(所以它是带有3列或3列或些什么(？

如果是这样，您是否尝试过尝试使其成为Flex盒？可能是您可以用CSS而不是JavaScript解决的问题，这总是可取的！

祝你好运，我希望有帮助！