這個 div 用于彈出一條訊息并在之后立即關閉。它在 JSFiddle 中作業得非常好，但是當我在我的網頁上使用它時，它不允許用戶關閉訊息。我認為這與我正在做的事情有關，echo但我看不到這個問題。如果有一種方法可以自動關閉訊息，那也很棒。提前致謝！
這是代碼
echo "<div class='alert'>
<span class='closebtn' onclick='this.parentElement.style.display='hidden';'>×
</span>New Customer saved successfully
</div>";
.alert {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
background-color: #324376;
color: white;
margin-bottom: 15px;
width: 40%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 10px;
right: 10px;
border-radius: 5px;
}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
uj5u.com熱心網友回復：
我認為應該是這樣的：
this.parentElement.style.display='none'
uj5u.com熱心網友回復：
嘗試這個：
echo "<div class='alert'>
<span class='closebtn' onclick='this.parentElement.style.display=`none`;'>×
</span>New Customer saved successfully
</div>";
uj5u.com熱心網友回復：
一個更簡單，在我看來，更好的解決方案是首先不通過 PHP 回顯 HTML。只需關閉 PHP 塊，撰寫所需的 HTML，然后再次打開 PHP 標記（如果需要）。
<?php
// Some PHP code
?>
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='hidden';">×
</span>New Customer saved successfully
</div>
<?php
// Some more PHP code
?>
最終結果將與 using 相同echo，但沒有額外的麻煩。
這樣做的好處是：
- 您不需要與在任何普通 HTML 檔案中處理引號的方式有任何不同。
- 您的 IDE 也將能夠突出顯示 HTML 的語法，從而更容易閱讀和查找潛在的拼寫錯誤等。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/517443.html
上一篇：無法渲染所有影像
下一篇：將div放在同一級別