WPのラッパーを使ってページコンテンツを取得する

Question

ホームページを訪れて、他のページに移動するときにWordPressコンテンツを作成しようとしています。ページの読み込み時にjQueryを使って上から細かくコンテンツをスライドさせてください。現在、私は動作するはずのコードが実装されていますが、そうではありません。トランジションは無視され、定義されたラッパー内のテキストコンテンツだけが何もしません。何が行われるのかは、25px程度の遅れです。しかし、これは私のページの問題ではありません。

ここに私のものがあります。右私は#wrapperでやった、それがすべてのスタイルは何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 { 
    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

コンテンツを非表示にしている可能性があります。あなただけの「トップ」と遷移し、代わりに

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