2012-05-01 52 views
1

我一直在测试jQuery .html()函数,我发现它不适用于大量文本,请参阅此example。但是,该代码是无bug的,并且简化的test case完美工作。jQuery .html()大负载

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

所以到我的问题:我做错了什么? jQuery能否处理那么多的文本?如果是的话,使用jQuery/JavaScript/JSON加载同一个html的多个实例,在某些部分使用不同的文本/ url,最好的方法是什么?我应该填充数组中的数据吗?

在此先感谢,任何帮助将不胜感激。

编辑基于答案

感谢大家好,我傻傻忽视的未定义的变量。这是一个新的working test case。我试图完成的是一次将多个博客帖子按照jQuery 6加载到页面中的相同结构公式。将数据存储在数组中的最佳方法是什么?然后填充数组中这些元素的内容?

+0

你为什么试图建立一个像这样的页面内容?我认为你的代码问题可能是突出设计/实现问题。告诉我们你想要完成什么,我认为我们可以提供更多帮助。 –

+0

谢谢看到我编辑的问题 – jacktheripper

回答

3

您所提供的例子是抛出一个错误:

Uncaught ReferenceError: posterurl is not defined 

加入var posterurl = "";,正确和performantly执行的代码之后。

这是a working fiddle

注意:这是一个可怕的方式来建立一个页面。

+0

谢谢 - 我知道它很可怕,因此问题的第二部分。如果我对每个包装都有相同的总体结构,我如何才能在同一页面上最好地构建多个包装? – jacktheripper

+0

如果你想看看我想要实现的目的,请访问www.jackdent.co.uk/vintage – jacktheripper

1

看着你扩展的问题(感谢你花时间),我的直觉说你最好在服务器端执行此操作。这意味着您发送的文档是预先构建的内容,对重要访问者 - Google有重大影响。否则,就谷歌机器人而言,你的网页是空的,并可能隐藏内容,他们强烈反对。服务器端构建的页面也意味着禁用JavaScript的访问者将获得相同的内容。动态加载内容很好,而且可能非常有用,但是在JavaScript中从头开始构建这么多页面会有点过分(在我看来)。

+0

我完全同意 - 2个问题:1.我对PHP或其他服务器端脚本没有信心......但:) 2.我已经基本上与jQuery工作,我知道从一个数组的实现是不是太难以实现... – jacktheripper

+0

PHP是完全值得学习。另外,如果你没有一些服务器端技术,你将把你的内容放到你的阵列中?如果您手动输入它,与静态构建一个使用JavaScript构建的页面相比,将静态HTML制作成100%更好。这是一个复杂和维护的负担,没有任何好处。 –

+0

我承认失败......我只是想让用户能够轻松地将数据输入到页面中,这样如果他们没有经验,他们就不必通过HTML浏览。 wordpress整合对于这样的事情有多简单? – jacktheripper