Question

在我的页面上有一个带有通知按钮的标题，显示此Perl代码给出的未归档通知的数量：

@notices_posts = System::Notice->fetch_all_posts(userid => $user->userid(), visible => 1);
@regular_posts = sort { $a->created() cmp $b->created() } grep { !$_->important() } @notices_posts;

并在标题中显示：

<b><%= (scalar @regular_posts) %></b>

我有一个ajax脚本：

$(document).on('click', '.archive-button', function(){
    var notice_id = $(this).data('notice_id');
    var archiveaddress = '/user/notices/archivenotice/' + notice_id;
    var archived_notice = 'tr.notification-' + notice_id;

    $.post(archiveaddress, {notice_id: notice_id}).done(function(){
        $(archived_notice).css("background" , "#F2F2F2");
    });
});

每次有人点击＆＃34;存档＆＃34;通知上的按钮。我目前拥有它，以便在成功运行用于归档的perl脚本时通知变为灰色但我还希望它在每次用户归档某些内容时更新标题中显示未归档通知数量的标量数字。可能在每次运行ajax脚本时都会减少显示值。

Answer 1

我给元素一个ID并使用JQuery来设置数字。

<b id="incme"><%= (scalar @regular_posts) %></b>
...
$(document).on('click', '.archive-button', function(){
    var notice_id = $(this).data('notice_id');
    var archiveaddress = '/user/notices/archivenotice/' + notice_id;
    var archived_notice = 'tr.notification-' + notice_id;

    $.post(archiveaddress, {notice_id: notice_id}).done(function(){
        $(archived_notice).css("background" , "#F2F2F2");
        $('#incme').html(parseInt($('#incme').html(), 10)+1)
    });
});

参考： jQuery increment value of <span> tag

每次运行ajax脚本时减少标量Perl变量

1 个答案: