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"); 
    }); 
})