javascript - 更新 jquery 中的 div id，以便脚本只能运行一次

Question

我目前在我的网站中使用了一个脚本。该脚本的目标是当用户单击链接时，将触发 javascript 函数。该函数基于 div id。在函数的最后，我使用 jquery 来更改所述 div id。但是，当用户再次单击该链接时，即使 id 已更改，该函数仍会触发。我究竟做错了什么？如何让脚本仅在第一次单击链接时执行？

$("#down").click(function(){
            var id = $("#down").attr("class");
            $.ajax({
              type: "POST",                                 
              url: "vote.php",                             
              data: "side=down&id=" + id,          
              success: function(){ alert("lul worked"); } 
            });
            $('.' + id + '#down').attr('id', 'down_stay');
        });

现在你们都已经回答了，使用“one”还是使用“unbind”哪个更好？

Answer 1

不要使用click，而使用on。或者在你的情况下，one :

$('#down').one('click', function() {
    // function only fires once and then is unbound.
});