Question

我有点jQuery（借口可怕的html附加 - 这些最终会缩短！）

$(function () {
  $(".follow").click(function () {
    var element = $(this);
    var I = element.data("userid");
    var info = 'id=' + I;
    var Something = $('#latestbettors tr[data-userid=' + I + ']').find('td:eq(0)').text();

    $.ajax({
      type: "POST",
      url: "follow.php",
      data: info,
      success: function () {
        $('.follow[data-userid=' + I + ']').fadeOut(200).hide();
        $('.following[data-userid=' + I + ']').fadeIn(200).show();
        if ($('#yourfollowers table tr > td:contains("You arent currently following any bettors")')) {
          $('#yourfollowers table tr:contains("You aren\'t currently following any bettors")').remove();
        }
        if ($('#yourfollowers tr:contains("' + I + '")') && $('#yourfollowers tr > td:contains("' + Something + '")').length < 1) $('#yourfollowers table').fadeIn(200).append("<tr data-userid='" + I + "'><td>" + Something + "</td><td><a href='#'data-userid='" + I + "' class='following'></a><a href='#' data-userid='" + I + "' class='follow' style='display:none'></a></td></tr>");
      }
    });
    return false;
  });
});

$(function () {
  $(".following").click(function () {
    var element = $(this);
    var J = element.data("userid");
    var infos = 'id=' + J;

    $.ajax({
      type: "POST",
      url: "unfollow.php",
      data: infos,
      success: function () {
        $('.following[data-userid=' + J + ']').fadeOut(200).hide();
        $('.follow[data-userid=' + J + ']').fadeIn(200).show();
        $('#yourfollowers tr[data-userid=' + J + ']').fadeOut(200).remove();

        if ($('#yourfollowers table tr').length == 0) {
          $('#yourfollowers table').append('<tr><td>You aren\'t currently following any bettors</td></tr>');
        }
      }
    });
    return false;
  });
});

我有两张桌子 - 最新的投注者和关注者。最新的投注者表包括所有新注册的用户，每个用户旁边都有一个跟随按钮（如果用户跟随他们，则跟随他们）...下表包括用户所关注的所有用户，每个用户旁边都有一个按钮。

当用户点击“最新投注者”表格中的关注按钮时，它会将他们所关注的用户附加到“关注表格” - 这很有效。但是，当用户在“关注”表中单击“跟随”按钮后 - 没有任何反应？这是为什么？

Answer 1

对于动态生成的元素，事件应该从元素或文档对象的静态父级之一委派，您可以使用on或delegate方法：

$(document).on('click', '.following', function(){

如果您使用1.7版以下的jQuery，您还可以使用delegate方法：

$(document).delegate('.following', 'click', function(){

_{由@ Exception更新：}

你也可以使用

$('.following').live('click', function(){

但是在最新版本的jQuery中不推荐使用live。如果您使用旧的jQuery版本，它现在可能会工作，但它可能不适用于您使用的最新版本的jQuery。

jQuery只部分处理Click函数

1 个答案: