Question

我有一个标签。动态数据的来源。现在我用jquery设置了一个条件。如果我们有超过6这个控件将正常显示。如果我们设置等于6或低于。这个控件会隐藏起来。因为此选项卡仅显示6，如果我添加更多，则此控件将显示在前面。否则这将隐藏。

<div id="info-nav-container">
  <ul class="info-nav">
    <?php $counter=1 ; foreach ( $atts[ 'info_models'] as $tab ) : ?> //loop will be here
    </li>
    <?php endforeach; ?>
  </ul>
</div>
<div class="info-nav-control ">
  <a class="info-nav-scroll" data-direction="up" href="#"><i class="fa fa-chevron-up"></i></a>
  <a class="info-nav-scroll" data-direction="down" href="#"><i class="fa fa-chevron-down"></i></a> </div>
</div>

这是我试图隐藏的jQuery

if ($('.vehicle-nav li').find('li').length <= 6) {
  find('.vehicle-nav-control').hide();
}

Answer 1

你的JS代码在控制台中抛出错误必须将find('.vehicle-nav-control')附加到jQuery对象 =>运算符必须替换为>=（source） JS代码必须是dom ready功能。
您永远不会打开<li>标记选择器$('.vehicle-nav li').find('li')将找不到任何项目。

$(document).ready(function(){
    var lists = $('.vehicle-nav li');

    if (lists.length <= 6) {
       $('.vehicle-nav-control').hide();
    }
});

如果不超过6或更低，则隐藏控制

1 个答案: