如何插入腓到jQuery的顯示

-1

<?php comments_template(); ?>

到下面的jQuery的顯示功能，但它不能正常工作。甚至可以將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>

來源

2013-02-14 Julian

請告訴我們你是如何插入它。 – Daedalus 2013-02-14 00:55:11

你要在哪裏插入它？我沒有看到任何東西 – pwolaq 2013-02-14 00:55:16

你還沒有關閉你的頭標籤。還需要顯示HTML，然後在$（「document」）上顯示'.hide（）'。ready（）' – Amelia 2013-02-14 00:57:07

可能是，如果你的comments_template返回其結果作爲一個字符串，而不是與回聲直接打印出來，你只需要像這樣：

<?php echo comments_template(); ?>

來源

2013-02-14 01:02:05 Dangelov

首先，讓你的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-14 01:04:42 Amelia

感謝您的回覆，但這裏仍然沒有骰子鏈接http://codmemes.com/test/（NSFW） – Julian 2013-02-14 01:08:51

你知道，你可以選擇一些更好的測試頁面。另外，你隱藏了錯誤的元素。使用一堂課。 – Amelia 2013-02-14 01:14:31

我對我剛剛刪除的圖片表示歉意.....您使用課程的意思是什麼？ – Julian 2013-02-14 01:18:27

如何插入腓到jQuery的顯示

回答

相關問題