WP内で実装された「スライドダウン」パネルの取得

I'm trying to implement a very simple vertical slide down panel in Wordpress, I've tried jbar (http://tympanus.net/codrops/2009/10/29/jbar-a-jquery-notification-plugin/) and an easy JS method I found at http://jsfiddle.net/ahr3U/

しかし、私はまだこれを実装することはできません。私は footer.php のすぐ下に、 header.php 内に次のコードを挿入しようとしましたが、 。

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

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

    </script>

とCSS:

#notification {
background-color: #F00;
color: #FFF;
height: 25px;
position: absolute;
top: -25px;
width: 100%;
transition: top 0.5s;
-moz-transition: top 0.5s;
-webkit-transition: top 0.5s;
-o-transition: top 0.5s;

}

#notification.visible {
top: 0px;

}

The HTML CTA via the div, I've tried calling with the <head> and <body>

<div id="notification">Page load complete...</div>
1
これはどこに現れるはずですか? WP管理パネルでは? WPサイトのすべてのページで?あなたはもう少し質問を明確にすることはできますか?
追加された 著者 elclanrs,

1 答え

スクリプトコードをに入れて、jqueryライブラリをインクルードする最初のscriptタグを閉じるようにしてください

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
2
追加された
ありがとう、今これを試しに行く - それはそのような影響を与える可能性があります実現しませんでした。
追加された 著者 No-Spex,
だから今実装されています。しかし、上記の折り畳み領域はページの読み込み時には空白です。 「折り目の上」の下をスクロールしてからスクロールバックすると、そのコンテンツが表示されます。これまでに変わったこと。何か案は?
追加された 著者 No-Spex,
BLAH - これは私が実装していた他のプラグインとの競合です。
追加された 著者 No-Spex,
ヘッダーセクションに
追加された 著者 PAULDAWG,
はい、マークアップをデコードできない場合、ブラウザ上でレンダリングされません。それがどうなるか教えてください。
追加された 著者 PAULDAWG,
あなたの「折り畳み領域の上」は何ですか?これは「通知」の例と同じですか?あなたはあなたがやっていることへのリンクを持っていますか?あなたが何を言っているのか分かりません。私はスクリプトタグの修正がうまくいってうれしいです。答えと+1をマークすることを忘れないでください:)
追加された 著者 PAULDAWG,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript