如果用戶點擊了鏈接添加 class 並使用 PHP/Wordpress 存儲

Question

我的網站上有多個可點擊的 div。 我只是希望當用戶點擊這個 div 時，會添加一個 class ，這樣他們就知道他們已經查看了這個。

例如，我們可以在網站上有一個包含 10 個鏈接的列表。 一旦他們單擊鏈接，將添加“已查看”class，將背景顏色設置為綠色。

我知道下面是在 jQuery 中執行此操作的簡單方法，但是如果有人可以幫助將其存儲在 PHP 中，它會很有幫助，我非常堅持！

 $(function() { $('.clickable-links > div').click(function() { $(this).addClass("viewed"); }); });

 .viewed { background: red; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script> <div class="clickable-links"> <div class="link1">Lnk 1</div> <div class="link2">Lnk 2</div> <div class="link3">Lnk 3</div> </div>

Answer 1

您可以添加 jquery ajax 以保存 php 中的狀態更改。 舉例：

$(function() {
    $('.clickable-links > div').click(function() {
    link= $(this).text()
    $(this).addClass("viewed");
    $.ajax({
        type: "POST",
        url: "/url/to/php/script",
        data: "link=" + link,
        })
    })
});

然后在您的 PHP 腳本中，您訪問點擊的鏈接：

$link=$_POST['link']

這只是一個想法。 它可以改進。