Question

我有一个滑块，第一张幻灯片具有一流的第一张幻灯片。当我在滑块中时，它将自动添加活动类。我希望如果此幻灯片同时具有活动类别和第一幻灯片，则该滑动器的高度将为100vh。

当我转到下一张幻灯片时，该滑块不会是全班的第一张幻灯片，所以我希望滑动器的高度是自动的。

我正在尝试这样做，但是它不适用高度：当我转到第二张幻灯片时会自动...不起作用：

if ($('.slider').hasClass('first-slide', 'active')) {
  $('.swiper').css('height', '100vh')
} else {
  $('.swiper').css('height', 'auto')
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="swiper">
  <div class=" swiper-wrapper ">
    <div class="slider ">
      <!-- I only put 1 slider but you understand is more than one -->
    </div>
  </div>
</div>

Answer 1

首先是documentation shows that hasClass takes a single class，而不是列表。

第二，如果您有两个ema()，则.slider将始终仅查询第一个。参见Get the sum of the outerHeight of all elements of the same class

我认为您希望在每次更改幻灯片后调用以下代码，它会查找活动的第一张幻灯片，并根据查询是否返回任何结果来执行某些操作。

$('.slider').hasClass(...)

JS不删除应采取的措施

1 个答案: