在页面重新加载时隐藏图像

Question

我正在尝试创建一个危险风格的游戏，有一个块网格，当用户单击一个块时，他们需要被重定向到一个可以回答问题的页面。当问题被回答后，用户需要被重定向到上一页，他们选择的块应该消失。

下面是我试图隐藏的块，使用 onclick 功能：

<div class="top1" id="lastWish1"><a onclick="hideLW1()" th:href="@{/answerQuestion?category=Last Wish Raid&value=100}"><img class="questionBlocks" th:src="@{_images/question1.jpg}"></a></div>

下面是我的onclick函数：

lastWish1.onclick = function()
{
    lastWish1.style.display = 'none';
}

当我离开页面时，这确实隐藏了块，但是当我返回页面时，块又回来了。我是否需要使用会话来隐藏此块？还有其他建议吗？我目前在这个项目中使用 java、HTML、javascript、spring boot。

Answer 1

我会在 spring 服务中的数据模型中添加一个answered 标志。渲染前端时，根据是否被回答显示或隐藏每个块。