Как сбросить стек обхода jQuery, чтобы каждый раз загружать элементы по порядку?

Question

Пример: здесь на jsFiddle.

Если вы запустите пример и нажимаете следующую кнопку, пока не дойдете до последней страницы.Вы увидите, что изображение № 10 загружается и является видимым, а затем оно загружает только изображения № 7, № 8 и № 9.Я также зарегистрировал его в консоли, так что вы можете видеть, что он загружает # 10, # 7, # 8, # 9 в таком порядке.

Надеюсь, это имеет смысл.Дайте мне знать, если я смогу что-то уточнить.

Answer 1

Это ваш вызов prependTo, который заставляет элементы прыгать вокруг. Попробуйте изменить функцию click () списка следующим образом:

$('li').click(function() {
    $('.selected').removeClass();
    $(this).addClass('selected');
    $('ul').find('li:not(.selected)').fadeOut('fast');
});

Это должно быть довольно близко.