/ / Javascript div非表示 - php、javascript、wordpress、html

Javascript div非表示 - php、javascript、wordpress、html

コメントフォームを非表示にしようとしています 私のワードプレスのブログ (ただし、ページはWordPressのブログではありませんが、投稿を取得するだけです)。

コメントがある場合は、フォームとコメントの非表示/表示が機能します。私はコメントがない場合、関数は機能しませんし、私はなぜそれがわからないのですか?

もし誰かが私が投稿(blog.php)とwordpressテーマ内で生成されたコメントページ(comments.php)を表示するphpファイルをアップロードすることができます。

編集: エラーに関連しないPHPコードが削除されました。関連するHTMLコードは次のとおりです。

...
<body class="home blog logged-in custom-background">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#content img").addClass("imageSeven");
});
</script>

...

<a id="replytitle" href="javascript:togglecommentform("replyform17");">Show Comment Form</a>
<div id="replyform17" style="display:block;">
...
</div>

...

<a id="replytitle" href="javascript:togglecommentform("replyform6");">Show Comment Form</a>
<div id="replyform6" style="display:block;">
...
</div>

...

回答:

回答№1は2

出力(ビューソース)にjQueryへの参照が一番上にあるという点で問題があります:

<body class="home blog logged-in custom-background">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#content img").addClass("imageSeven");
});
</script>

これに関するいくつかの点:

  1. どこにでもjQueryへの参照を含める必要はありません。これはエラーを引き起こします。つまり、残りのJavaScriptが有効であっても、実行に失敗します。
  2. あなたは必要ありません jQuery(document).ready... すべてのJavaScriptをページの一番下に移動すると </body> 終了タグ。)

あなたの主な問題は混乱したコード構造のようです。あなたが持っているいたずらなコード(犯罪はありません)に基づいて、私はjQueryのようなライブラリを使うことをお勧めします:


ステップ1:そのページにあるすべてのJavaScriptを削除します。

物事の見た目では、それは単に <script> あなたの直下のブロック <body> タグ。

ステップ2:これらを交換する <a> 開始タグ:

<a id="replytitle" href="javascript:togglecommentform("replyform17");">
<a id="replytitle" href="javascript:togglecommentform("replyform6");">

これらと:

<a id="replytitle17" href="#">
<a id="replytitle6" href="#">

ステップ3:直前 </body> タグを追加するには、次を含める:

    <script src="/images///ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
var images = $("#content img");
if (images.length > 0) { images.addClass("imageSeven"); }
$("#replytitle17").click(function() { $("#replyform17").toggle(); });
$("#replytitle6").click(function() { $("#replyform6").toggle(); });
</script>

これはjQueryのページにあるすべてのものを達成するはずです。