목록 및 지연 표시 반전

Question

내 사이트에 목록 표시를 취소하는 간단한 스크립트가 있습니다.

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

그것은 잘 작동하지만, 목록의 반전은 페이지로드시 이후/발생 - 따라서 다음 (주로 이미지입니다) 표시하고 목록이 조금 투박한 외모 역순으로 스냅합니다.

까지 목록의 표시를 지연하는 방법이 있습니까?이 바뀌 었습니까?

미리 감사드립니다.

Answer 1

설정 :

<ul style="display:none"> 

.. 그리고 다음 페이지의 로딩하는 동안 당신은 끝에 목록을 표시 플립을 마칠 때까지 숨겨진 가시성. 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'); 

})