-1

こんにちは、挿入しようとしています

<?php comments_template(); ?>

以下のjQuery show関数に入れましたが、うまくいきません。php関数をjQueryに挿入することさえ可能ですか? *アップデート

<head> 
<script src="code.jquery.com/jquery-latest.js"></script>; 
</head> 
<button>Show it</button> 
<a style="display: none"><?php comments_template(); ?></a> 
<script>
$("button").click(function () { $("a").show("slow"); }); 
</script>
4

2 に答える 2

1

もしあなたの comments_template がその結果をエコーで直接出力する代わりに文字列として返すなら、次のようなものが必要なだけかもしれません:

<?php echo comments_template(); ?>
于 2013-02-14T01:02:05.717 に答える
1

まず、comments_template()戻り値を完全な文字列にします。

次に、このようにコードを構造化してみてください。ボタンをクリックすると.hide()、コメントが表示されます。.ready().show().comment-button

<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <button class="comment-button">Show Comments</button>
  <p class="comments"><?php echo comments_template(); ?></p>
  <script>
    $("document").ready(function() {
      $(".comments").hide();
      $(".comment-button").click(function () {
        $(".comments").show("slow");
      });
    });
  </script>
</body>

$()jQueryでも直接要素を使用しないでください。クラスまたは ID を使用します。

また、微妙なアニメーションで要素を折りたたむことができる優れたフレームワークを使用したい場合は、 Bootstrap for Twitterを試してから、次のようにします。

<div class="comment-1 collapse">
  <?php echo comments_template(); ?>
</div>
<button data-target=".comment-1" data-toggle="collapse">Show Comment</button>

ブートストラップ ライブラリに既に含まれているため、Javascript は必要ありません。

于 2013-02-14T01:04:42.770 に答える