2012-06-05 109 views
3

第一次發佈;長時間的讀者。我遇到了這個問題,我現在知道原因,但沒有找到最終結果/修復。如果以前已經回答過,請提前道歉。jQuery - JSON追加後更新css

我有一些在jQuery(JSON)中通過ajax命令追加的php數據。這顯示正確,採取特定的CSS分配等。

我有一段時間顯示,顯示'10分鐘前'或無論發佈多長時間,但我試圖讓它顯示懸停時的實際日期/時間。這是最終產品,但爲了達到這一點,我只是試圖分配一個CSS進行可視化測試,以確保它能夠正常工作。

mouseover命令可以在任何時候發生,所以一旦附加了JSON數據我就無法做到這一點。

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

該函數在直接放入HTML中的同一跨度上工作,但不在構建的數據上工作。任何幫助將非常感激..

回答

3

將問題添加到已動態添加的內容中?如果是這樣,那麼你可能需要使用.on()並讓它看起來像這樣:


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

您需要使用.live作爲新的HTML被插入的飛行。

+1

每頁:http://api.jquery.com/live/'.live()'已被棄用。建議使用'.on()'或'.delegate()'。 –

+0

@AndrewPeacock不知道:) –

+0

@thnom請使用'.on()',因爲「從jQuery 1.7開始,.live()方法已被棄用。」來源:http://api.jquery.com/live/ –