元素不能被選擇

Question

我寫的代碼使用AJAX來更新帖子：

$(function(){ 
    $('#loadFeed').bind('click',function(){ 
     $.getJSON('getData.php', function(json) { 
      var output="<ul id='feedsList'>"; 

      for(var i=json.posts.length-1;i>=json.posts.length-31;i--){ 
       output+="<li class='post'>"; 
       output+="<div class='text'>"+json.posts[i].shortmsg+"</div>";   
       output+="</li>"; 
      } 
      output+="</ul>" 
      $(output).appendTo('.posts'); 
    }); 
    }); 
}); 

我的html代碼：

<div data-role="content" class="ui-content" role="main"> 
     <div class="posts"></div> 
</div> 

然後，我想點擊每個崗位該帖子將展開以顯示更詳細的內容。我該怎麼做？我寫的代碼是：

$(function(){ 
    $('.text').bind('click',function(){ 
     $.getJSON('getData.php', function(json){ 
     var thisID = this.id;  
     $(this).replaceWith("<div class='long_text'>"+json.posts[thisID].msg+"<div>"); 
     }); 
    }); 
}); 

但它沒有這樣做anything.I不知道，如果

var thisID = this.id; 

工作與否。我改變了一下我的代碼： $(function(){ $('.text').bind('click',function(){ alert("Hello!") }); });

還是什麼都沒有發生!!我懷疑函數中是否選擇了.text。任何人都可以幫忙？謝謝！

Answer 1

你應該閱讀有關jQuery的.on()

比方說，你有動態內容之前存在一個容器，

<div class="posts"> 
    <!--dynamic content here--> 
</div> 

那麼您可以將處理程序一次到現有的容器，它會監聽動態內容的事件

//"add listener for .text, attached on .post" 
$('.posts').on('click','.text', function(){ 
    //do stuff when text is clicked  
});