您好,我正在使用 JQuery 删除,当页面刷新时,它会将删除的项目带回来
有人知道为什么吗?我需要它保持隐藏/从页面中删除。
JQUERY
<script>
$(document).ready(function(){
$("#button").click(function(){
$("#div1").remove();
});
});
</script>
PHP
while($row=$query->fetch(PDO::FETCH_ASSOC) and ($counter < $maximumAmount))
{
echo "<div id='div1'>"."".$row["1"].""."<img src=/".$row['2']."' width='150' height='150' />"."<br><br>".$row["3"]."
<form method='POST'><input type='hidden' name='ID' value= '".$row['ID']."'>
<input type='submit' name='submit' value='' id='button' ></form></div>";
使用 jQuery 进行的任何操作仅在当前页面的生命周期内有效。重新加载页面后,所有这些更改都将丢失。
如果您希望按钮保持隐藏状态,您需要将该信息存储在某处。您可以向服务器发出请求并将其存储在首选项中,这样下次您重新加载 PHP 代码时就可以隐藏该按钮。您还可以使用 localStorage
来隐藏它:
<script>
$(document).ready(function(){
var div1Removed = localStorage.getItem('div1_removed');
if (div1Removed) {
$("#div1").remove();
} else {
$("#div1").show();
}
$("#button").click(function(){
$("#div1").remove();
localStorage.setItem('div1_removed', 'true');
});
});
</script>
在 PHP 代码中,我们将 display: hidden
添加到 div 中,因此它最初是隐藏的。当页面加载时,JavaScript 代码将检查它是否应该可见。如果它应该,那么它使它可见。如果不应该,则会将其完全删除。
while($dbRow=$dbQuery->fetch(PDO::FETCH_ASSOC) and ($cnt < $max))
{
echo "<div id='div1' style='display: hidden;'>"."".$dbRow["Name"]."</h4><br>"."<br><img src=/".$dbRow['Picture']."' width='150' height='150' />"."<br><br>".$dbRow["Instructions"]."
<form method='POST'><input type='hidden' name='MealID' value= '".$dbRow['MealID']."'>
<input type='submit' name='submit' value='Complete' id='button' ></form></div>";
$cnt++;