Question

好的，所以我正在制作一个“周末”滑块。基本上这是我的客户，这是我需要尽可能简化发布过程的原因。

现在它只是一个4个div的滑块：http://juuso.kivinen.org/tofw/ 这不是最新版本，因为我还没有时间更新它（服务器版本）。

所以基本上（抱歉长篇介绍）我的问题是：如何让jquery从外部html文件加载前4个div？或者我应该转移到PHP？

我的代码的基本结构是：

<div id="slider">
 <div id="row">
  <div id="EXTERNAL CONTENT1"></div>
 </div>
<div id="row">
 <div id="EXTERNAL CONTENT2"></div>
</div>
<div id="row">
 <div id="EXTERNAL CONTENT3"></div>
</div>
<div id="row">
 <div id="EXTERNAL CONTENT4"></div>
</div>
</div>

Answer 1

如果没有更多信息，则无法获得完整的答案，但您应该查看jQuery的.load（）方法。您可以加载外部文件的部分部分。 http://api.jquery.com/load/

例如：

$('#EXTERNAL_CONTENT1').load('tips.html #external1')

您要加载的文件结构是什么样的？您的客户是否会不断追加该文件？

Answer 2

我希望您在服务器中设置了一些代码来提供EXTERNALCONTENT

然后

$.get("urlToGetEXTERNALCONTENT",function(data){
$("#EXTERNALCONTENT4").html(data);
});

Answer 3

您可以使用“.load（）”方法从已加载的文档中提取内容。在你的情况下：

$('#placeToPutStuff').load(yourUrl + ' #slider', function() { /* ... */ });

Answer 4

可以使用lt()和load()：

来完成

$('#container').load('path/to/page.html #divContainer div:lt(4)');

概念演示：http://davidrhysthomas.co.uk/play/loadDemo2.html（原始版本：http //：davidrhysthomas.co.uk/play/loadDemo.html）。

显示具有最大价值的DIV

4 个答案: