1

我正在创建一个侧面有一个滚动容器的资源数据库。本质上，当您单击容器内的缩略图时，它将加载 div 的内容，该 div 将淡入并显示该类别的内容。每个 div 标签看起来像这样：

<div>
<h2>Category1</h2>
<p><a style="float:right" class="a_demo_four" href="/Resources/file1.pdf" target="_blank">
                        Download
</a>File Desc</p> 
<hr/> 
</div>

并将按如下方式加载：图片

本质上，当我在此页面上打开另一个类别时，我希望能够显示相同的内容。我有几个不同的类别，并且希望能够从 Category1、Category2 等中提取代码，这样我就可以在“查看全部”选项卡中显示所有这些。我尝试使用 jQuery 的加载函数，如下所示：

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
$(function() {
$("#includedContent").load("b.html"); 
}); 
</script> 
</head>

<body>
 <div id="includedContent"></div>
 <h1>This is why I rule</h1>
</body>
</html>

将原始 div 中的内容加载到视图所有类别中，但没有显示。不幸的是，我对 Javascript/jQuery 的了解非常有限，所以我很难在不同的 div 中使用相同的内容，而无需复制和粘贴代码。当我添加文件并且如果我这样做必须编辑两次代码时，这也会在将来造成问题。

先感谢您！

4

2 回答 2

0

如果您在文档就绪功能中调用您的代码，它将起作用。尝试，

$(document).ready(function(){

    $("#includedContent").load("b.html"); 

});

但是，您可能需要将其保存在 visualex 建议的某个位置，以便根据需要在多个位置添加内容。

这是一个工作 jsfiddle， http://jsfiddle.net/c5SAH/show/

它从http://jsfiddle.net/gfgE8/show/加载内容

于 2013-10-21T10:10:42.803 回答
0

您可以将内容保存在这样的变量中：

var content = '';
$(document).ready(function(){
  //load first in a div
  $('#includedContent').load('b.html', function(result){
    content = result;
    //from here on, you know you have b.html data in the variable content
    //and you can use it elsewhere like this
    $('#anotherDivId').html(content);
  });
});
于 2013-10-21T10:06:39.777 回答