jquery - Ajax 发布两次但只需要一次

Question

我正在使用以下（添加到 DOM 代码）来更新具有类似数据的 MySQL 数据库，但是，它发布了两次，我不知道为什么。

我有几乎相同的代码，它也发布了两次，所以它会自行抵消，但数据库点击次数比需要的多两倍从来都不是好事。

html += '<script type="text/javascript">';
     html += '$(function()';
     html += '{';
     html += '$(".like").click(function(){';
     html += 'var element = $(this);';
     html += 'var I = element.attr("id");';
     html += 'var info = \'article_id=\' + I;';
     html += '$.ajax({';
     html += 'type: "POST",';
     html += 'url: "/pages/includes/ajax/like.php",';
     html += 'data: info,';
     html += 'success: function(){';
     html += '$(\'#like\'+I).fadeOut("fast");';
     html += '$(\'#unlike\'+I).fadeIn("slow");';
     html += '}';
     html += '});';
     html += 'return false;';
     html += '});';
     html += '});';
 html += '</script>';

如何避免发两次？

Answer 1

如果将代码添加到 dom 的多个位置，您的 click 事件将多次执行相同的匿名函数。因此，请确保此代码不会在您的页面源代码中多次出现。