php - 仅在为空时删除 DIV

Question

我有一个 PHP 通知系统，并且使用 jQuery 将通知量放入一个 DIV 中。唯一的问题是当有 0 个通知时，空的 DIV 仍然出现。这是我目前使用的 jQuery:

$(document).ready(function() {
    $.get('/codes/php/nf.php', function(a) {
        $('#nfbadge').html(a);
        $('#nfbadge:empty').remove();
    })
});
setInterval(function() {
    $.get('http://localhost/codes/php/nf.php', function(a) {
        $('#nfbadge').html(a);
        $('#nfbadge:empty').remove();
    })
}, 8000);

唯一的问题是，如果在文档加载时有 0 个通知并添加了一个通知，徽章将不会显示，所以基本上如果元素被删除，除非重新加载页面，否则它不会回来，但我制作了通知系统，以便不必重新加载页面。我该如何解决这个问题？

Answer 1

.remove() 从 DOM 中取出元素和内容。这就是为什么它不会回来，除非你重新加载。使用 .fadeOut() 或 .hide() 代替