2011-09-06 110 views
4

我有以下代碼。帶有類「.acc_container」的html元素是通過AJAX調用動態創建的,所以在執行代碼$('.acc_container').hide();時它們不存在。有什麼我可以在這裏做類似於事件綁定的.live函數嗎?jQuery - 如何顯示/隱藏動態生成的html元素

$(document).ready(function() { 
    $('.acc_container').hide(); 
    $.ajax({ 
     type: 'GET', 
     url: 'Sample.xml', 
     dataType: 'xml', 
     success: function (xml) { 
     //Tags with ".acc_container" class created here 
+2

爲什麼不把它隱藏在成功回調函數中? –

+0

好主意John。我認爲這也會起作用。謝謝。 – Laguna

回答

4

您可以通過CSS容易控制它。

.acc_container{ 
    display:none; 
} 

每當你想show然後使用jQuery $(".acc_container").show();

0

我喜歡ShankarSangoli的答案,但是要知道,與該類所有容器將被顯示,而不僅僅是最後一...你可能想如果可以的話,通過ID而不是班級控制可見性。

0

您可以在AJAX回調函數中隱藏創建的元素。

$(document).ready(function() { 
    $.ajax({ 
     type: 'GET', 
     url: 'Sample.xml', 
     dataType: 'xml', 
     success: function (xml) { 

     //Tags with ".acc_container" class created here 

     **$('.acc_container').hide();** 
    });