亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

移動端評論點攢功能

發布時間:2020-06-17 01:05:15 來源:網絡 閱讀:786 作者:VIP_web 欄目:開發技術

移動端評論點攢功能


今天我們繼續分享一個評論點攢的功能,感覺這個功能邏輯很有意思,整理下來,有需要的伙伴可以一起學習。

移動端評論點攢功能

功能效果就是這個樣子的,下面我們來分解一下代碼

html部分

<ul id="comments_list">
    <li class="comments">
    <div class="com_top">
       <span class="photo">
          <img src="aliyueImg/b20.jpg">
       </span>
       <span class="name">風起</span>
    </div>
    <div class="com_content">
       假如我們一路有默契,那時光再長又有什么關系。我喜歡有感覺的文字。寫的現實而溫暖。帶上你的耳機閉上眼睛來靜靜聆聽這篇《就讓我們,晚點在一起。然后一輩子。》
    </div>
    <div class="com_bottom">
       <span class="time">2017-04-18</span>
       <span class="useful">
          <span class="like_num">1</span>有用
       </span>
    </div>
    </li>
 </ul>

css部分

.com_bottom .useful{
    float: right;
    font-size: 10px; 
    padding: 0 15px; 
    text-align: center;
    line-height: 20px; 
    border-radius: 10px;
    color: #999999;
    border: 1px solid #999999;
}
.com_bottom .useful.usefulClick {
    color: #F32D27; 
    border: 1px solid #F32D27;
}

JS部分

// 點贊
$("#comments_list li.comments .useful").click(function(){
    var $likeNum = $(this).find('.like_num');
    var num = +$likeNum.text()
    if(!$(this).hasClass('usefulClick')){
       $(this).addClass('usefulClick');
       $likeNum.text(++num);
    }else{
       console.log("tag has usefulClick");
    }
 });

×××


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

同德县| 霍山县| 双鸭山市| 开化县| 墨江| 迁西县| 潞城市| 大石桥市| 昭通市| 磐石市| 枞阳县| 库伦旗| 滕州市| 房山区| 高州市| 收藏| 招远市| 元阳县| 阿瓦提县| 龙泉市| 紫云| 朝阳区| 洪泽县| 聂荣县| 古浪县| 阿克| 翼城县| 绥江县| 岳阳县| 南充市| 新宁县| 正阳县| 克山县| 大荔县| 白水县| 西华县| 娄烦县| 天祝| 龙岩市| 翼城县| 衡阳县|