jquery ajax 각 게시물을로드하십시오.

Question

나는 게시물 이미지의 클릭이나 다른 트리거 후에 홈페이지에 표시 될 추천 게시물의 일부 컨텐츠를 Ajax로드로 WordPress 테마로 작업하고 있습니다.

Basiclly 같은 그 뭔가 :

<ul id="posts"> 
<li class="post"> 
    <a href="post_url" class="image_link"><img src="images/featured_image.jpg" /><a href="#"> 
    <a href="#">title</a> 
    <div class="ajax_loaded_info"></div> 
</li> 
<li class="post"> 
    <a href="post_url" class="image_link"><img src="images/featured_image.jpg" /><a href="#"> 
    <a href="#">title</a> 
    <div class="ajax_loaded_info"></div> 
</li> 
<li class="post"> 
    <a href="post_url" class="image_link"><img src="images/featured_image.jpg" /><a href="#"> 
    <a href="#">title</a> 
    <div class="ajax_loaded_info"></div> 
</li> 
</ul> 

JQuery와 코드는 다음과 같다 :

$(".image_link").click(function() { 
    $(".ajax_loaded_info").load($(this).attr("href") + " .title"); 
}); 

그것은 성공이 내용을로드 있지만 (마지막 게시물의) 동일한 콘텐츠를 표시하지 모든 게시물 ..

나는 솔루션을 찾고 몇 가지 물건을 시도 wuthout 성공 .. 너희들이 여기에서 나를 도울 수 있기를 바랍니다.

감사합니다. 당신이 가서 여기

Answer 1

의 '이'와 함께 간단한 서브 쿼리, 많은 변화처럼 보이지만, 그것을 시도 :)이 나던 일 :( 아마 코드가 잘못된 것입니다

$(".image_link").each(function(){ 
    $(this).click(function() { 
     $(".ajax_loaded_info",this).load($(this).attr("href") + " .title"); 
    }); 
})