jQuery .html() 大负载

Question

我一直在测试 jQuery .html() 函数，发现它不适用于大量文本，请参阅example。但是，该代码没有错误，并且非常简化的 test case 可以完美运行。

我知道这可能不是将大量数据包含到 div 中的最佳方式，但我打算最终从各种数组中加载数据，并且代码旨在成为一种构造函数。

那么我的问题是：我做错了什么？ jQuery 不能处理这么多的文本吗？如果是这样，使用 jQuery/JavaScript/JSON 加载同一 html 的多个实例（在某些部分具有不同的文本/url）的最佳方法是什么？我应该从数组中填充数据吗？

提前致谢，任何帮助将不胜感激。

根据答案进行编辑

您好，谢谢，我愚蠢地忽略了一个未定义的变量。这是一个新的working test case。我想要完成的是让多个博客帖子遵循相同的结构公式，一次由 jQuery 6 加载到一个页面中。将此数据存储在数组中的最佳方法是什么？然后从数组中填充这些元素的内容？

Answer 1

你提供的例子报错了：

Uncaught ReferenceError: posterurl is not defined

添加var posterurl = "";后，代码执行正常且高效。

这里是a working fiddle。

注意：这是一种构建页面的可怕方式。

Answer 2

查看您的扩展问题（感谢您抽出宝贵时间），我的直觉认为您最好在服务器端执行此操作。这意味着您发送的文档带有预先构建的内容，这对重要的访问者 - 谷歌有重大影响。否则，就 google-bots 而言，您的页面是空的并且可能隐藏内容，这是他们强烈反对的。服务器端构建的页面还意味着禁用 JavaScript 的访问者将获得相同的内容。动态加载内容很好，而且非常有用，但是用 JavaScript 从头开始​​构建这么多页面有点太过分了（在我看来）。