WP의 래퍼를 통해 페이지 내용 가져 오기

Question

홈페이지를 방문하여 다른 페이지로 이동하려고 할 때 WordPress 컨텐츠를 페이지로드시 jQuery로 위에서 아래로 미끄러지 듯 내려 봅니다. 현재 작동해야한다고 생각되는 코드가 구현되어 있지만 그렇지 않습니다. 전환은 무시되고 정의 된 래퍼 내의 텍스트 콘텐츠 만이 수행하며, 느린 연결에서 얼마나 큰 페이지가로드되는지와 마찬가지로 25px 정도 지연됩니다. 그러나 이것은 내 페이지의 문제가 아닙니다.

다음은 내가 가지고있는 것입니다.

오른쪽 header.php에 </head> 을 닫기 전에

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> 
<script> 

$(document).ready(function(){ 
    $("#wrapper").addClass("visible"); 
}); 

</script> 

나는 #wrapper으로 수행 한 어떤

, 그리고 모든 스타일입니다.

#wrapper { 
    padding: 15px; 
     background: #fff; 
     -moz-box-shadow: inset 0 0 5px 5px #888; 
     -webkit-box-shadow: inset 0 0 5px 5px#888; 
     box-shadow: inset 0 0 5px 5px #888; 
     border-radius: 5px; 
     -moz-border-radius: 5px; 
     -webkit-border-radius: 5px; 
     border: 1px solid #807A7C; 
} 

#wrapper { 

    top: -20px; 
    width: 540px; 
    transition: top 0.5s; 
    -moz-transition: top 0.5s; 
    -webkit-transition: top 0.5s; 
    -o-transition: top 0.5s; 
} 

#wrapper.visible { 
    top: 0px; 
} 

무엇이 누락 되었습니까?

Answer 1

콘텐츠를 숨기는 방식과 관련이있을 수 있습니다. "상단"과 전환을 없애고 대신 애니메이션을 사용하여 콘텐츠를 보여주기 위해 jQuery를 사용하는 것이 나을 것입니다.

$(document).ready(function(){ 
    $("#wrapper").show("slow",function(){}); 
});