jQuery - 在 JSON 追加后更新 css答案

【问题标题】：jQuery - Update css after JSON appendjQuery - 在 JSON 追加后更新 css
【发布时间】：2012-06-09 14:09:41
【问题描述】：

第一次发帖；长期读者。我遇到了这个问题，我现在知道原因，但我找不到最终结果/修复。如果之前已经回答过，请提前道歉。

我在 php 中有一些数据，这些数据通过 jQuery (JSON) 中的 ajax 命令附加。这会正确显示，采用分配的特定 CSS 等。

我显示的时间显示“10 分钟前”或发布的时间有多长，但我试图让它显示悬停时的实际日期/时间。这是最终产品，但为了达到这一点，我只是尝试分配一个 CSS 进行视觉测试，以确保它确实有效。

鼠标悬停命令可以在任何时候发生，所以一旦附加了 JSON 数据，我就不能这样做了。

$("span.post-name").mouseover(function () {
    $(this).css("color","red");
});

此函数确实适用于直接放入 HTML 的同一个跨度，但不适用于构建的数据。任何帮助将不胜感激..

【问题讨论】：

【解决方案1】：

$("span.post-name").live('mouseover',function () {
    $(this).css("color","red");
});

您需要使用 .live，因为新的 html 是动态插入的。

【讨论】：

【解决方案2】：

向动态添加的内容添加功能有问题吗？如果是这样，那么你会想要使用.on() 并让它看起来像这样：


$("body").on("mouseenter", "span.post-name" function(event) {
   ("span.post-name").css("color", "red");
});

【讨论】：