用户评论点赞功能 bug 求帮助

容客

class名和data-key都有改变，但是APP页面中却没有变化，求帮助！！！

粉红顽皮新

obj.setAttribute（）
obj.className = "";

容客

粉红顽皮新 发表于 2019-1-17 15:56
obj.setAttribute（）
obj.className = "";

我要用这个吗

容客

我现在有点糊涂的地方是 ，现在这个点赞只对第一个评论起作用，我循环出来的评论不管用

杨愿

1.         $(function(){
   
2.                 $('.aui-btn').click(function(){
   
3.                         if($(this).attr('data-type') == '1'){
   
4.                                 $(this).attr('data-type',"");
   
5.                                 $(this).attr('class',"aui-btn aui-btn-block");
   
6.                         }else{
   
7.                                 $(this).attr('data-type',"1");
   
8.                                 $(this).attr('class',"aui-btn aui-btn-block aui-btn-success");
   
9.                         };
   
10.                 })
    
11.         });

复制代码

1. <div class="aui-btn aui-btn-block">点击区域</div>
   
2.     <div class="aui-btn aui-btn-block">点击区域</div>
   
3.     <div class="aui-btn aui-btn-block">点击区域</div>
   
4.     <div class="aui-btn aui-btn-block">点击区域</div>

复制代码

容客

杨愿 发表于 2019-1-17 16:36

谢谢 超级感谢！！！

容客

杨愿 发表于 2019-1-17 16:36

但是我不用jq.js就不行了， 评论列表是我用api.js写的，点击事件在循环中，这样的话这个就不运行了

容客

容客

如果用api.js 有没有啥好办法做这个点赞的

杨愿

容客 发表于 2019-1-17 17:01

缕清思路，知道你操作的this是哪个。

1. /**
   
2. * JavaScript  绑定点击事件
   
3. */
   
4. window.onload =function(){
   
5.         var btns = document.getElementsByClassName('aui-btn');
   
6.         if(btns.length > 0){
   
7.                 for (var i = 0; i < btns.length; i++) {
   
8.                         btns[i].onclick = function(){
   
9.                                 if(this.getAttribute('data-type') == '1'){
   
10.                                         this.className = "btn aui-btn aui-btn-block";
    
11.                                         this.setAttribute("data-type","");
    
12.                                 }else{
    
13.                                         this.className = "btn aui-btn aui-btn-block aui-btn-success";
    
14.                                         this.setAttribute("data-type","1");
    
15.                                 };
    
16.                         };
    
17.                 };
    
18.         };
    
19. };
    

复制代码