逆リストと遅延表示

Question

私は自分のサイトにリストの表示を逆にする簡単なスクリプトを持っています。

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

それは素晴らしい作品が、リストの逆転は、ページのロード中/後に発生 - したがって、（大部分が画像である）リストが表示され、その後、少し不格好に見え、逆の順序、に収まります。

までの表示が遅れる方法がありますか？が逆になっていますか？

ありがとうございます。

Answer 1

セット：

<ul style="display:none"> 

..and、ページの読み込み中に、あなたは最後にリストを表示しますあなたのフリップを終えるまで隠された視界。 display:noneを使用しないでください。画面の残りの部分が混乱するためです。

Answer 2

あなたのHTMLにスタイルdisplay: noneを使用することができ、何かのように：

$(function() { 

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

}) 

Answer 3

としては、すでに

$(function() { 

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

})