javascript - 单击 div 从服务器加载内容 每次单击时加载附加结果

Question

我有一个div“d1”，单击它时将来自服务器的 friend 请求加载到 Conceal 的div d2“”中，但是当我多次单击它时，它一遍又一遍地附加相同的结果，我尝试这样做来帮助解决问题

if($("#d1").data('clicked')) {              
// do nothing           
    }
else{
$("#d1").click(function(){
                $("#d1").data('clicked', true);
                // then call_server to get result  and append to div2
}

但它失败了，它总是附加相同的结果，我最终得到了一大堆重复项

Answer 1

您有几个选择，但一般问题是一旦有人单击 div，事件仍然存在。

你可以这样做:

$("#d1").on('click', function(){
                // then call_server to get result  and append to div2
                $(this).off('click');

});

并在单击事件后将其删除。或

你可以这样做..

$("#d1").one('click', function(){
                $("#d1").data('clicked', true);
                // then call_server to get result  and append to div2

});

.one() 方法将确保该函数仅被调用一次，然后该事件将自动删除。

然后，一旦用户收到新好友请求的通知，您就可以使用另一个 .one() 方法重新激活 div。