1

私は、投稿画像のクリックまたはその他のトリガーの後にホームページに表示される注目の投稿からのいくつかのコンテンツの 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 に答える