0

ページをリロードせずに、クリック時に Post Content-Img-Title を表示する必要があるタスクに取り組んでいます。

以下のコードをコーディングしました：

// code for ajax portfolio
jQuery('span#ajax_post_abc a').click(function(){
    var portfolio_post_id= jQuery(this).attr('id');
    var ajaxurl = jQuery('#ajax-script-url').val();

    jQuery.ajax({
        type: 'POST',
        url: ajaxurl,        
        data: {
            "action": "load-filter2", 
            port_post_id: portfolio_post_id 
        },
        success: function(response) {
            jQuery(".aajax-post-content").html(response); }  
        });
    });

    //New Ajax portfolio div 
    jQuery('#ajax_post_abc').click(function() {
        jQuery(this).addClass('aajax-post-content');
    });

結果のレスポンスはaajax-post-contentdivに表示されます。しかし、問題は、n投稿があり、 をクリックするとn+1、n+2出力が表示されないことです。しかし、最初の投稿をクリックすると、n0必要に応じて出力が表示されます。

4

6 に答える 6

0

コードは、発生した最新の変更のみを表示します。

各変更を確認したい場合は、変更を追加し、.html の代わりに .append を使用する必要があります

例えば：

jQuery(".aajax-post-content").append(response);
于 2013-09-16T13:43:02.643 に答える
0

jQuery.html() は、アイテムの内部 html を置き換えます。jQuery.append() は、指定されたコンテナーに新しい要素を子として追加します。

append() が必要なようですね

于 2013-09-16T13:43:37.700 に答える