предельных элементы, когда я нажимаю больше загрузить другие элементы

Question

кодом я попытался является

jQuery(function($) { 
var visible =3; 
$('#sc li:gt('+(visible - 1)+')').hide();  
$('#more').click(function() {  
    var Index = $('#sc').children('li:visible:last').index(), 
    nextIndex = currentIndex + (visible + 1); 
    $('#sc li').hide();   
    $('ul li:lt(' + nextIndex + '):gt(' + Index + ')').show();   
    });  
}); 

Я хочу, чтобы ограничить элементы, но когда я щелкнул больше ничего не будет.

Answer 1

Основная проблема заключается в том, что вы определяете переменную Index и используете следующую строку, которая, конечно же, выдает ошибку, в противном случае ваш код должен работать. Однако вы можете кэшировать элементы и использовать метод .slice(), который повышает эффективность кода.

jQuery(function ($) { 
    var visible = 3, 
      $li = $('#sc li'); 

    // hiding the elements 
    $li.slice(visible).hide(); 

    $('#more').on('click', function() { 
     // getting index of the last visible element 
     var ci = $li.filter(':visible:last').index(); 
     // slicing and showing next should-be-visible elements 
     $li.hide().slice(++ci, ci+visible).show(); 
    }); 
}); 

http://jsfiddle.net/xRPQj/