1

我正在开发一个 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");
});

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

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

谢谢！！

4

1 回答 1

0

给你，一个带有“this”的简单子查询，看起来没有太大变化，但试试看：）

$(".image_link").each(function(){
    $(this).click(function () {
        $(".ajax_loaded_info",this).load($(this).attr("href") + " .title");
    });
})
于 2012-11-09T10:07:25.213 回答