如何在顯示列表項時隱藏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

回答

相關問題