可以jQuery .load追加而不是替换?

前端之家收集整理的这篇文章主要介绍了可以jQuery .load追加而不是替换?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个wordpress安装,我试图使用jQuery创建一个更多的负载.我使用页面片段的基本.load功能有一些麻烦.我不介意使用.get,因为我在这里看到一些线索作为一个更好的解决方案.

这是我的网页网址结构和内容

第一页:http://example.com/page/1/

HTML:

<div id="articles">
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
</div>

第二页:http://example.com/page/2/

HTML:

<div id="articles">
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
</div>

我在页面底部有一个链接,我已经尝试执行以下操作:

jQuery(#articles).load('http://example.com/page/2/ #articles');

可悲的是,有两个问题.首先,.load函数从第二页抓取#articles div及其内容,并将其放入现有的#articles div中.这意味着即使这样工作,每次点击都会导致div内的递归div.这只是凌乱

有人可以帮我用命令来简单地将第二页的.story类附加到第一页的#articles div上我可以通过变量,循环和Word for Word自动化来实现物流.只需要一些正确的jQuery脚本的补充.

附:奖金问题:如果有人知道jQuery .load / .get是否会影响浏览量,这对于那些基于广告的收入来说很重要,请让我知道!如果每个.load / .get是Google Analytics(分析)的另一个命中,我们是好的!

谢谢!

解决方法

您不能使用jQuery.load()方法附加内容,但您可以使用 jQuery.get()执行所需操作:
$.get('/page/2/',function(data){ 
  $(data).find("#articles .story").appendTo("#articles");
});
原文链接:https://www.f2er.com/jquery/180359.html

猜你在找的jQuery相关文章