Javascript 在自动刷新页面的情况下单击时隐藏span

html（quotazioni.php）

javascript

    $(document).ready(function(){
    <?php
        $preferiti = $db_handle->runQuery("SELECT * FROM preferiti");
        foreach($preferiti as $preferito){
            if ($preferito["visibile"]==1){ 
    ?>          
            var element = document.getElementById(<?=$preferito["idAzione"]?>);
            element.hide();
    <?php
            }
        }
    ?>
});

$（文档）.ready（函数（）{
var element=document.getElementById（）；
元素。隐藏（）；
});

---

单击链接后，我必须将跨距隐藏在链接内。考虑到页面包含自动刷新，如何保持跨距处于禁用状态？我提供了一个不工作的代码示例，请帮助我解决这个问题。在sql数据库中，preferiti表包含idPreferito、visibile和idAzione。如果我单击了相应的首选项，则行preferito包含1。

当用户单击星号时-您需要将此数据保存到持久性存储，例如您的后端。这是在页面刷新后恢复此状态的唯一方法

这样，当将页面服务到客户端时，您将考虑另一个字段，例如“代码>禁用”< /代码>，其中包含字符串“禁用”< /p> 可能是这样的：

<a href="#" id="<?=$azione["nome"]?>" class="preferiti" >
    <span class="favourites-star <?=$azione["disabled"]?>" id="<?=$azione["idAzione"]?>" >&star;</span>
</a>

在处理事件时，类也更好

$(document).ready(function(){
    $('.prefereti').on('click', function(evt){
        // Save the state first and then disable the star - try it yourself!
        $.post()
            .done(function () {
                 $(evt.currentTarget).addClass('disable');
            })
            .fail(function () {
                 // Don't disable - instead show error
            });
    });
});

---

在保存状态时，您需要记住的另一件事是，您的页面可能会重新加载-因此您可能希望禁止该页面在该时间内重新加载。

先尝试一下，然后写下尝试。当你陷入困境时，发布你迄今为止的尝试，然后寻求帮助。我已经在不同的网站上尝试了很多次，但我无法解决这个问题。这就是为什么我没有尝试就没有输入干净的代码。我需要2个javascript功能，我做不到。好吧，你尝试了什么？你应该提供一个简短的可行的例子，说明你已经得到了什么，你想实现什么。这一大块代码没有帮助。尝试解决问题。听起来像是Cookie的工作：

<a href="#" id="<?=$azione["nome"]?>" class="preferiti" >
    <span class="favourites-star <?=$azione["disabled"]?>" id="<?=$azione["idAzione"]?>" >&star;</span>
</a>

.favourites-star {
    color:yellow;
    font-size:200%;
}

$(document).ready(function(){
    $('.prefereti').on('click', function(evt){
        // Save the state first and then disable the star - try it yourself!
        $.post()
            .done(function () {
                 $(evt.currentTarget).addClass('disable');
            })
            .fail(function () {
                 // Don't disable - instead show error
            });
    });
});