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

Question

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

0

Код, который я пробовал,

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

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

user2779464 25 сен. 2013, в 09:17

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

undefined · Answer 1 · 2013-09-25T05-16-00.000Z

Основная проблема заключается в том, что вы определяете переменную 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/

@ user2779464 Хорошо, так ...? Значит ли это, что вы хотите лениво загрузить данные? Какое это имеет отношение к показу / скрытию элементов?
когда я нажал на более function.it не могу загрузить другие элементы