使用 SignalR 更新通知计数器

Question

我正在使用SignalR 1.1.3 在我的asp.net mvc 4 项目中发出实时通知。我可以在消息框中添加新消息，但无法更新新消息计数器。这是我用于更新新消息计数器的代码，

jQuery 脚本

    $(function () {
        var chat = $.connection.chatHub;
        var notifyVal = $('.notification-red').val();
        var newVal = notifyVal + 1;
        chat.client.addNewMessageToPage = function () {
            $('#newItem').append(
                '<span class="notification-red">' + newVal + '</span>');
        };
        $.connection.hub.start().done(function () {
            $('#btnSend').click(function () {
                chat.server.send();
            });
        });
    });

HTML

<ul id="newItem" class="nav navbar-top-links navbar-right">
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="fa fa-envelope fa-fw"></i><i class="fa fa-caret-down"></i>
                @{
                    int count = 0;   
                 }
                @foreach (var item in MsgList)
                {
                    if (Html.DisplayFor(modelItem => item.status).ToString() == "Unread")
                    {
                        count++;
                    }
                    <span class="notification-red">@count</span>
                }
        </a>
    </li>
</ul>

这里发生的情况是，每当我从另一端发送消息时，不是更新计数器编号，而是追加一个新计数器。如何仅更新 SignalR 每次点击的数字？非常需要这个帮助。谢谢。

Answer 1

假设您有这个用于显示计数器的标记：

<span id="notificationCounter"></span>

现在，一旦数据准备好，您就可以增加计数器：

chat.client.addNewMessageToPage = function () {
    $('#notificationCounter').html(parseInt($('#notificationCounter').html(), 10) + 1);
};

Answer 2

变化：

$('#newItem').append('<span class="notification-red">' + newVal + '</span>');

类似于：

$('.notification-red').html(newVal);