使用jQuery评论à“单击以显示”

时间:2012-06-22 18:31:44

标签: jquery wordpress comments

我有一个WordPress博客,我试图在用户点击“显示评论”时使用简单的动画显示评论部分..我用

 <a href="#comments" id="showcomments">Show comments</a>

然后:

<script type="text/javascript">
jQuery(function(){
jQuery("#showcomments").click(function () {
    jQuery("#comments").slideToggle("slow");
});
});
</script>

<div id="comments" style="display:none">
    ......
    </div>

这就是我所取得的成就(向下滚动到“Commenta l'articolo!”): http://multiformeingegno.it/riflessioni/topserver-server-virtuali-made-italy/

正如您所看到的,如果我单击链接,则会显示评论部分,但浏览器不会显示在该部分的开头,您必须手动向下滚动..您能帮助我吗?谢谢!! ;)

4 个答案:

答案 0 :(得分:1)

在DIV id“comments”上方,输入以下代码:

<a name="comments">

您需要指出用户在点击后要去的位置。

祝你好运! :)

答案 1 :(得分:0)

您也可以使用Jquery。

http://demos.flesler.com/jquery/scrollTo/

或者您可以使用锚点'#'

答案 2 :(得分:0)

使用文档准备

<script type="text/javascript">
$(document).ready(function(){
    $("#showcomments").click(function () {
      $("#comments").slideToggle("slow");
    });
});
</script>

答案 3 :(得分:0)

您需要将目标锚点放在评论框中

<a name="comment" ></a>

这是您的链接所关注的重点