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

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>

以下是我的点击功能：

lastWish1.onclick = function()

{

    lastWish1.style.display = 'none';

}

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

Answer 1

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