[英]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.