Question

我有一套PHP通知系统,通知的数量将用 j子输入DIV。唯一的问题是,当有0份通知时,空洞的DIV仍然显示出来。这是我目前正在使用的 j:

$(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);

The only problem is that if at document load there is 0 notifications and a notification is added, the badge will not show up, so basically if the element is removed it won t come back unless the page is reloaded, but I made the notification system so that the page wouldn t have to be reloaded. How can I fix this?

Answer 1

If you have control over the PHP, you shouldn t be using jQuery to be removing DIVs, it s a waste of resources and load time, even if it s just a few lines of code.

在你的PHP模板中,应当列入#nfbadge。 div 有条件发言,例如:

if($notifications) {
     echo  <div id="nfbadge"> ;
     //notification stuff
     echo  </div> ;
}

Then with your jQuery code you could do something like the following:

 var $nfbadge = $( #nfbadge );
 if($nfbadge) {$nfbadge.html(a)}

Answer 2

.remove() takes the element out of the DOM as well as the content. This is why it doesn t come back unless you reload. Use .fadeOut() or .hide() instead

Answer 3

或许,你们应该做这样的事情:

var elm = $( #nfbadge ),
      T = setInterval(getCodes, 8000);

function getCodes() {
    $.get( /codes/php/nf.php , function(a) {
        elm.html(a);
        if (elm.is( :empty ) && elm.is( :visible )) {
            elm.hide();
        }else{
            elm.show();
        }
   });
}

Will need some more work on your part, but should get you on the right track!

Answer 4

为什么不要让你把iv弄起来?

http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/

友情链接