Question

我正在处理一个wordpress主题，其中包含来自精选帖子的一些内容的ajax加载，这些内容将在帖子图片上点击或其他触发后显示在主页上。

基本上是这样的：

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

加载内容确实成功，但它显示了所有帖子的相同内容（最后一篇文章）..

我试图寻找一个解决方案并尝试一些成功的东西.. 希望你们能在这里帮助我。

谢谢！

Answer 1

在这里，一个带有'this'的简单子查询，看起来没什么变化，但试试看：）

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

jquery ajax加载每个帖子

1 个答案: