php单击回复出现回复框,javascript - 评论回复框的显示与隐藏问题

小葫芦2017-05-19 10:16:582楼

假如你的HTML结构如下

提交评价

关于回复内容框的存在方式，个人认为是先渲染出来吧，避免点击的时候过多地去操作DOM，影响效率。而且后面才append的html代码有可能会js代码不能在其上面生效的~

回复框显示的时候有show类，点击已经显示的回复框时候就去掉类show来标识该回复框已经隐藏，然后在程序中判断回复框是否含有.show类。

$('.reply-btn').click(function(){

var $commentWrap = $(this).siblings('.comment-wrap');

// 3. 点击其他回复按钮时，原先的回复框隐藏

$(this).parent('.article').siblings().find('show.comment-wrap').hide();

// 判断点击一次回复，显示回复框，再点击一次就隐藏

if($commentWrap.hasClass('show')){

// 隐藏

$commentWrap.removeClass('show').hide();

}else{

// 显示

$commentWrap.addClass('show').show();

}

});

满意请采纳哦~

php单击回复出现回复框,javascript - 评论回复框的显示与隐藏问题相关推荐

使用JavaScript控制HTML元素的显示和隐藏
使用JavaScript控制HTML元素的显示和隐藏利用来JS控制页面控件显示和隐藏有四种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位 ...
java评论回复功能例子_Java实现评论回复功能的完整步骤
前言使用递归循环开发评论回复功能,适用于大部分的简单单体应用评论功能或许是大多数的单体应用之中会用到的功能,我们会在自己所开发的项目之中进行集成该功能大多数时候我们会将评论功能划分成以下几种: ...
JavaScript实现登录密码的显示和隐藏
使用js仅实现密码框信息的显示是简单的,重点在点击显示密码后再实现点击隐藏的效果这里通过标记法实现.定义了一个flag=false的变量,在编写点击效果时,使!flag,此时flag=true,进行 ...
通过select下拉框里的value控制div显示与隐藏
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
JavaScript+css+html通过点击右边眼睛的开关来控制密码显示还是隐藏
显示隐藏的密码 1 案例说明与效果图 2 编写HTML结构,完成页面布局 3 编写CSS样式 4 编写JavaScript代码 5 总代码 1 案例说明与效果图 [案例]显示隐藏的密码明文案例分析: ...
jq 评论源码+动态评论回复
评论回复源码下载 <!DOCTYPE html> <html><head><meta charset="utf-8"><met ...
评论功能以及引用回复的内容到本评论的思路与实现
项目中涉及到用户对文章的评价,以及用户之间对评论的的回复功能.评论功能自然就是常规的实现.回复功能刚开始想用最常见的@用户的格式来实现,但是回复的对象有了,具体是回复的哪一条评论却不明确.于是想 ...
统一回复《怎么学JavaScript？》
作者:小不了链接:https://zhuanlan.zhihu.com/p/23265155 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 鉴于时不时,有同学私信 ...
java仿qq空间音乐播放_完美实现仿QQ空间评论回复特效
评论回复是个很常见的东西,但是各大网站实现的方式却不尽相同.大体上有两种方式 1. 像优酷这种最常见,在输入框中@要回复的人,这种方式下,用www.cppcns.com户可以修改@. 新浪微博则是在这 ...

php单击回复出现回复框,javascript - 评论回复框的显示与隐藏问题

php单击回复出现回复框,javascript - 评论回复框的显示与隐藏问题相关推荐

最新文章

热门文章