限制因素，當我點擊更多的加載另一個元素

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變量，並在下一行使用currentIndex，這當然會引發錯誤，否則您的代碼應該工作。但是，您可以緩存這些元素並使用.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/