Question

需要som帮助这个脚本：我使用它来加载更多li项目（投资组合图片），并且无法弄清楚如何将#loadMore div设为.hide当显示所有li项目时。我们说共有8个列表项。

请帮我解决这个问题！

$(document).ready(function () {
    size_li = $("#myList li").size();
    x=4;
    $('#myList li:lt('+x+')').fadeIn();
    $('#loadMore').click(function () {
        x= (x+2 <= size_li) ? x+2 : size_li;
        $('#myList li:lt('+x+')').fadeIn();
    });
    $('#showLess').click(function () {
        x=(x-3<0) ? 3 : x-3;
        $('#myList li').not(':lt('+x+')').hide();
    });

});

Answer 1

尝试添加此代码：

if($("#myList li:visible").length == $("#myList li").length){
  $('#loadMore').hide();
}

或者这个：

if($("#myList li").filter(":visible").length == $("#myList li").length){
  $('#loadMore').hide();
}

Answer 2

尝试这样

if($("#myList li:visible").length == $("#myList li").length){
  $('#loadMore').hide();
}

如何在显示列表项时隐藏div

2 个答案: