Question

我对javascript很新，所以请光着。我试图从文件中获取“未读通知”的数量，然后如果数字大于0，我希望它在div内显示图像。如果没有，那么我希望它保持空白。

这是我到目前为止所拥有的，它在div中显示通知的数量。我不希望它那样做。我只是希望它显示一个图标，如果有超过0个未读通知。

这是我到目前为止所拥有的：

$(document).ready(function(){
   $("#notes_number").load("getnumber.php");

   var value = $("#notes_number").load("getnumber.php");

   if(value > 0){
    //display icon...not sure the javascript code for this.

    }

});

Answer 1

load()没有返回值，它会将响应加载到DOM元素中，您想要使用$.get()代替：

$(document).ready(function(){
    $.get('getnumber.php',function(data){
        if(parseInt(data,10) > 0){
            //show icon
            $("#notes_number").html('icon here');
        }
    });
});

Answer 2

您可以通过多种方式显示图标。这完全取决于您的HTML结构。

假设您有一个标题栏和一个类.messages的div，您可以像这样更新它：

$("#header .messages").text(value + " new messages waiting.").addClass("new");

这会更新消息框中的文本，并为其提供一个new类，该类可以具有与之关联的样式，以将图标显示为背景图像，如下所示：

.messages.new {
    background-image: url(images/new_icon.jpg);
    background-repeat: no-repeat;
    background-position: left center;
}

但是，您首先需要更正错误使用load()。我建议在完成时使用带有回调函数的get()，假设`getnumber.php'只返回一个字符串。

Javascript JQuery获取数字和显示图标

2 个答案: