我有一个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"); });