如何重置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');
});

你应该已经很接近了。