阻止.click在页面重新加载时运行

时间:2017-09-11 08:48:12

标签: javascript jquery ajax

我在我的页面上创建了一个通知,如果状态等于0则发布数据,然后在显示后将其更新为1.

所以在notif徽章上会显示正在发布的数据量。

如果我点击了通知图标,则会在徽章上删除这些数字..

但我遇到的问题是当我重新加载/刷新页面时数字会消失..

这是我的代码..

setInterval(function () {
          $.ajax({
            type: 'POST',
            url:'functions/get_newtest.php',
            dataType:'JSON',
            success: function (data) {

            for (var i = 0; i < data.length; i++) {
                $('#dropdown_notif').append('<li><a href="#">'+data[i].userfullname+' '+data[i].message+' '+'from'+' '+data[i].page_from+'</a></li>');
                $('#nt_count').html(($('#nt_count').html()) ? parseInt($('#nt_count').html()) + 1 : 1);
                console.log($('#nt_count'));
            }   

            if(data.length){

                $.ajax({
                    url:'functions/update_test.php',
                    type:'POST',
                    dataType:'JSON',
                    data:{id:data[0].id},
                    success: function(data){
                        console.log(data);
                    }
                });
            }

            },
            error: function (status) {
                console.log(status.responseText);
            }
          });
        },10000);

这是我用来在点击时删除数字的按钮功能。

$('li.dropdown a:has("#nt_count")').click(function () {

             $(this).find('span.notification').html(null);

          });

有没有办法在页面重新加载时不会消失徽章上的数字?。因为我想要做的是只有点击才能删除数字..

0 个答案:

没有答案