jquery - jQuery-JSON追加後にcssを更新します

Question

初めての投稿; 長年の読者。私はこの問題に遭遇しました、そして私は今私が見つけることができた最終結果/修正なしで原因を知っています。これが以前に回答されている場合は、事前にお詫び申し上げます。

jQuery（JSON）内のajaxコマンドを介して追加されるphpにいくつかのデータがあります。これは正しく表示され、割り当てられた特定の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");
});

新しい html がオンザフライで挿入されるため、.liveを使用する必要があります。

2 に答える 2