jquery - jQuery - 在 JSON 追加后更新 css

Question

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

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

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

mouseover 命令可以在任何时候发生，因此一旦附加了 JSON 数据，我就无法执行此操作。

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

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

score 3 · Accepted Answer

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


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

score 1 · Accepted Answer

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

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

2 回答 2