加载DOM后，如何使用jQuery绑定鼠标盖？

注意：我只是在学习jQuery，所以如果这可以更有效地完成，请分享

我正在编写一个follow/unfollow功能。用户跟随另一个用户的部分是有效的（参见下面的第一个代码片段），但是现在我想将“Following”改为当用户将鼠标悬停/滑过“Following”时的“Unfollow”

“遵循”的代码如下所示（有效）：

当鼠标在“以下”文本上时的代码在这里（它不工作-没有错误）：

你需要这个：

$(document).on( 'mouseover', '.following-user', function() {

---

尝试将

后面的用户

委托给文档或最接近的静态父用户

$(document).on("mouseover", ".following-user",function () {

---

使用事件委派绑定事件处理程序

$(document).on({
  mouseover: function () {
    $(this).html("Unfollow").attr({
      "action": "1"
    });
  },
  mouseout: function () {
    $(this).html("Following").attr({
      "action": "0"
    });
  }
}, ".following-user");

---

特别是因为您正在更改它们的HTML。

请提供HTML，其中是

。跟随用户

？。跟随用户是第一个代码段中.addClass（“跟随用户”）的一部分…它将替换。跟随用户此操作有效…谢谢。我曾经尝试过类似的“文档”所在的类，但没有成功。另外，你的答案和其他答案都是正确的，但我给了你正确的答案，因为它比下一个正确答案提前一分钟发布。

$(document).on("mouseover", ".following-user",function () {

$(document).on({
  mouseover: function () {
    $(this).html("Unfollow").attr({
      "action": "1"
    });
  },
  mouseout: function () {
    $(this).html("Following").attr({
      "action": "0"
    });
  }
}, ".following-user");