使用 html css 和 jquery 帶計數器的 Like Button

Question

我想在帶有計數器的網站上添加一個“喜歡”按鈕。 點贊按鈕包括當前點贊數的計數。 如果沒有點擊，則顯示當前的點贊數。 當一個按鈕被點擊時，當前的點擊次數增加一（並且按鈕的狀態或外觀發生變化），並且like count應該存儲在服務器端邏輯中以存儲和服務like的數量。

是否有可能在 HTML、CSS 和 Jquery 中實現這一點？

Answer 1

使用此代碼段:)

 let likes = 0; $(document).ready(function () { // ajax to get current likes // let likes from server are 10 // assign the current likes to variable likes = 10; setLikes(likes); }); $("body").on("click", ".likeBtn", function () { // ajax to post a current likes // in success add increment to likes likes++; setLikes(likes); }); function setLikes(count) { $(".totalLikes").text(count); }

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Likes Counter</title> </head> <body> <button class="likeBtn"> Like (<span class="totalLikes">0</span>) </button> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </body> </html>

使用 html css 和 jquery 帶計數器的 Like Button

問題描述

1 個解決方案

解決方案1
0 2022-06-06 07:53:00

使用 html css 和 jquery 帶計數器的 Like Button

問題描述

1 個解決方案

解決方案1 0 2022-06-06 07:53:00

解決方案1
0 2022-06-06 07:53:00