繁体   English   中英

切换按钮以显示和隐藏注释和WordPress注释表单

[英]Toggle button to show and hide both the comments and the WordPress comment form

我正在使用WordPress Liveblog尚未合并的pull-request,因此将直接在GitHub存储库上引用该代码,以期更好地解释我的问题。 请参阅此处以了解实际使用的插件代码的示例。

当我单击“ 回复”按钮时,将显示WordPress注释表单。 在单击按钮之前,该表单从视图中隐藏。

当我单击第二个答复按钮>答复时,将显示评论

我的目标是用一个名为“切换”的单个按钮替换两个按钮。 单击后,我希望同时显示WordPress注释表单和注释。

到目前为止,我已经完成了以下工作...

我的切换按钮:

<a class="toggle" href="#">Toggle</a>

我的脚本(从此处修改):

jQuery('a.toggle').click(function () {

    var openImgUrl = 'open.png',
        closeImgUrl = 'close.png';

    var $newsItem = jQuery(this).closest('.news-text'),
        $newsContent = $newsItem.find('.news-content'),
        isContentVisible = ($newsContent.is(':visible'));

    // slide up all shown news-items - but its expected that only one is visible at a time
    jQuery('.news-text').find('.news-content').slideUp(function () { 
        // on animation callback change the img
        jQuery('.news-text').find('.toggle > img').attr('src', openImgUrl);
    });

    if (!isContentVisible) { // if the new-item was hidden when clicked, then show it!
        $newsContent.slideDown(function () {
            // on animation callback change the img
            $newsItem.find('.toggle > img').attr('src', closeImgUrl);
        });
    }

    return false; // stop postback
});

使用我的脚本和切换按钮,单击“切换”按钮时,每个条目下方都会显示注释。 再次单击切换按钮时,注释将隐藏。 但是,这并未考虑WordPress注释表单。

单击“切换”按钮时,如何使WordPress注释表单与注释一起显示?

Liveblog词汇表:

条目:条目是顶级注释,就像WordPress中的标准“注释”一样。

注释:可以对条目进行注释。

我发现comment_reply_link是答案!

http://codex.wordpress.org/Function_Reference/comment_reply_link

使用此功能输出回复链接使我能够执行所需的操作。 我只需要在脚本中更改选择器,即可将评论回复按钮用作切换按钮,并删除我设置的原始切换按钮。 例如:

jQuery('a.comment-reply-link').click(function () {

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM