Question

I am using the following script to load some Wordpress posts. Unfortunately this replaces my content and I would like to append to the existing content.

你们关于使用美国宇宙航空研究开发机构的呼吁来评估的建议是什么。

$( #load-posts a ).click(function() { 
    if(pageNum <= max) {
        $( #content ).load(nextLink +   article ,
            function() {            
                // Update page number and nextLink.
                // Update the button message.                   
                }
            }
        );          
    }
});

成就

Answer 1

负荷取代母体的内容。这样做的一种方式是将内容装到新的零件中,而不是把它用在要素上。

$("<div>").load(nextLink +   article , function() {
    $("#content").append($(this).html());
});

Answer 2

load() replaces the content, but it s basically just a shortcut for $.get, so use that instead.

$( #load-posts a ).click(function() { 
    if(pageNum <= max) {
        $.get(nextLink +   article , function(data) {   
           $( #content ).append(data);
        });
    }
});

如果过滤装满负荷的具体元素,你必须做这项工作。

Answer 3

我将使用SerJson方法,在有3个部分的情况下,采用JSON对策。 1 PateNumber, 1 P-5, 1 P-4, 1 P-3, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 P-2, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 1 GS, 然后,一读JsonResult,并在相关地方使用。

你们可以回过来。

{
    "Content": "<p>Some New Content</p>",
    "NextLink": "page.php?no=34",
    "PageNumber": "34"
}

可在<条码>上读取。

$( #load-posts a ).click(function() { 
   if(pageNum <= max) {
      $.getJSON(nextLink,function(jSonResult){         
          $( #content ).append(jSonResult.Content);
          $("#nextLink").html(jSonResult.NextLink);
          $("#pageNumber").html(jSonResult.PageNumber);
      });           
   }
});

Answer 4

if(pageNum <= max) {
        $( body ).append($( <div id="hiddenContainer" style="display:none"></div> )); // a hidden container to store response
        $( #hiddenContainer ).load(nextLink +   article ,
            function() {            
                $( #content ).append($( #hiddenContainer ).html());                 
                }
            }
        );          
    }

Answer 5

个人使用$.get()

$( #load-posts a ).click(function() { 
    if(pageNum <= max) {
        var nextArticles = $.get(nextLink +   article )

        nextArticles.success(function() {
            // Update page number and nextLink.
            // Update the button message. 
        };
    }
});

Answer 6

从你的声音来看,你只是想加上新的职位信息,再补充如下现有的四点:

<div id="Posts">
  <!-- post -->
  <!-- post -->  
  <!-- post -->  
</div>

你们只能做:

jQuery( #Posts ).append(jQuery( <div> ).load(...));

友情链接