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

需要som帮助以下脚本：我正在使用此工具来加载更多li项（组合图像），并且无法弄清楚如何在所有li上使#loadMore div为.hide项目被显示。假设总共有8个列表项。如何在显示列表项时隐藏div

请帮我解决这个问题！

$(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(); 
    }); 

});

来源

2014-01-13 user3189388

你可以把你的HTML和JS中的jsfiddle或什么？ – Okky

试图通过添加以下代码：

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

或本：

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

来源

2014-01-13 08:15:53

伴侣我编辑了你的答案。你已经使用'='而不是'==' – Satpal

@Satpal感谢队友。 –

尝试像这样

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

来源

2014-01-13 08:19:36

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

回答

相关问题