我有一個簡單的 cookie 橫幅：
<div id="cookie-consent" class="cookie-consent">
<span>This site uses cookies to enhance user experience. see <a href="..." target="_blank" class="ml-1 text-decoration-none">Privacy policy</a> </span>
<div class="mt-2 d-flex align-items-center justify-content-center g-2">
<button id="cookie-ok-button" class="cookie-allow-button mr-1">I'm aware</button>
</div>
</div>
當用戶單擊確定按鈕時，我使用 jquery 隱藏橫幅：
$(document).ready(function()
{
if (window.localStorage.getItem('accept_cookies'))
{
$('#cookie-consent').css('display','none');
}
$("#cookie-ok-button").click(function()
{
$('#cookie-consent').fadeOut();
$('#cookie-consent').css('display','none');
window.localStorage.setItem('accept_cookies', true);
});
});
它可以作業，但有時在 Chrome 上，橫幅會在迅速消失之前出現。我可以做任何修改來避免這種行為。
uj5u.com熱心網友回復：
不是默認顯示橫幅并有條件地隱藏它，而是默認隱藏它并有條件地顯示它。
例如：
<div id="cookie-consent" class="cookie-consent" style="display:none;">
<!--- etc. -->
</div>
和：
$(document).ready(function()
{
if (!window.localStorage.getItem('accept_cookies'))
{
$('#cookie-consent').css('display','block');
}
// etc.
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/506175.html
標籤：javascript jQuery css
上一篇：如何逐步向物件添加屬性？
下一篇：是的，確認密碼驗證