jQuery - 在JSON追加后更新css

Question

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

我在php中有一些数据通过jQuery（JSON）中的ajax命令附加。这显示正确，接受指定的特定CSS等。

我有一个时间显示'10分钟前'或者发布的时间有多长，但是我试图让它显示悬停时的实际日期/时间。这是最终产品，但为了达到这一点，我只是尝试为可视化测试分配一个CSS，以确保它能够正常工作。

mouseover命令可以在任何时候发生，所以一旦附加了JSON数据，我就无法做到。

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

此函数可以在直接放入HTML的相同范围内工作，但不能在构建的数据上工作。任何帮助将不胜感激..

Answer 1

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

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

Answer 2

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

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