判断 li - 10个li以内不执行,超过10个li时执行下边的代码

爱许乐
  • 179
<div class="art-record"  id="art-con">
    <ul>
       <li>
          <h3>
              <div class="tx">
                  <img src="images/portrait.jpg"/>
              </div>
          </h3>
          <h4>XXX微信好友</h4>
          <p>助力成功</p>
          <h6>1朋友,是一辈子的</h6>
       </li>                        
    </ul>
</div>

$(function () {
    var scrtime;

    var $ul = $("#art-con ul");
    var liFirstHeight = $ul.find("li:first").height();//第一个li的高度
    $ul.css({ top: "-" + liFirstHeight - 20 + "px" });//利用css的top属性将第一个li隐藏在列表上方     因li的上下padding:10px所以要-20

    $("#art-con").hover(function () {
        $ul.pause();//暂停动画
        clearInterval(scrtime);
    }, function () {
        $ul.resume();//恢复播放动画    
        scrtime = setInterval(function scrolllist() {
            //动画形式展现第一个li
            $ul.animate({ top: 0 + "px" }, 1500, function () {
                //动画完成时
                $ul.find("li:last").prependTo($ul);//将ul的最后一个剪切li插入为ul的第一个li
                liFirstHeight = $ul.find("li:first").height();//刚插入的li的高度
                $ul.css({ top: "-" + liFirstHeight - 20 + "px" });//利用css的top属性将刚插入的li隐藏在列表上方  因li的上下padding:10px所以要-20                    
            });
        }, 5300);

    }).trigger("mouseleave");//通过trigger("mouseleave")函数来触发hover事件的第2个函数

});
回复
阅读 2k
4 个回答
coachmans
  • 4.6k
✓ 已被采纳

如楼上所说,判断li数量

$(function () {
    var liNum = $(".art-record ul li").length;
    if(liNum > 10){
        //超过10个执行
    } else {
        //10个以内执行
    }
});

希望对你有帮助

找到li并用length获得数量,然后判断,如果超过10个,执行你想执行的代码

判断一下li的数量不就可以了

估计要增加一个定时器,或者在有对li数量的操作后,增加对li的数量判断,然后执行代码。看你的需求是怎样的。

宣传栏