反向列表和延迟显示

Question

我的网站上有一个简单的脚本来反转列表的显示。

$('li.shoplist').each(function() {
    $(this).parent().prepend(this);
});

它运行良好，但列表的反转发生在页面加载之后/期间 - 因此列表（主要是图像）出现，然后按照相反的顺序捕捉，这看起来有点笨重。

有没有办法延迟显示列表，直到之后它已经反转？

提前致谢。

Answer 1

将可见性设置为隐藏，直到完成翻转。 不要使用display:none因为它会弄乱屏幕的其余部分。

Answer 2

您可以在HTML中使用样式display: none，例如：

<ul style="display:none">

..然后在页面加载过程中，您将在结尾显示列表：

$(function() {

    $('li.shoplist').each(function() {
        $(this).parent().prepend(this);
    }).parent().show();

})

Answer 3

正如O_Z已经提出的那样

$(function() {

    $('li.shoplist').each(function() {
        $(this).parent().prepend(this);
    }).parent().css('opacity', '1');

})