2010-10-27 16 views
0

好吧,我通過ajax提交表單。結果字符串是我附加到DOM主體的一堆html鏈接和圖像。 是否有可能在這個新代碼中使用jQuery進行搜索? Ajax請求之前jQuery更新DOM以訪問注入的html標記

<div id="results"></div> 

Ajax請求後:

<div id=results"> 
    <img src="somevalidpicture.jpg" class="image"/> 
    <img src="somevalidpicture2.jpg" class="image"/> 
</div> 

如何運行我的jQuery代碼再次操縱該代碼?例如:

$(".image").show(slow); 

我懷疑我無法訪問.image類,因爲它在頁面第一次加載時並不存在。它並沒有顯示在源代碼(瀏覽器)中。有沒有辦法刷新/更新DOM?

回答

2

可以訪問它們,只要元素被添加到DOM $(".image")就會找到它們。然而slow需要在報價爲您具體的例子:

$(".image").show("slow"); 

"show"是指600毫秒,$(".image").show(600);將有相同效果的關鍵。


不要使用「查看源文件」,看看目前你的頁面(因爲它會告訴什麼是有加載頁面時),而不是使用DOM檢查像FirebugChrome Developer tools

+0

謝謝,你是對的 - 那條線剛剛出現在我的腦海中。我想知道我必須放置$(「。image」)命令的位置?它是否必須位於$ .ajax()部分或特定位置之後? – 2010-10-27 00:16:16

+0

或者更好的問題是,在ajax請求之後再次調用ready事件嗎? – 2010-10-27 00:20:19

+0

$(「。image」)。show('slow')需要在回調函數中。通常,它看起來像這樣: $ .ajax({...,success:function(){$(「。image」)。show(「slow」)}}); – 2010-10-27 00:22:07