如何使用javascript动态加载生成的html？

Question

我正在使用 HTML、CSS 和 Javascript 制作网站。 我目前正在尝试做的是制作一个 Javascript 来简化向网站添加更多“项目”的方式。 例如商店商品。 请参阅http://nl.tinypic.com/r/t5khtf/9 。

这些是我在此 Javascript 中添加的 3 个项目。 但是，它一直告诉我这些项目是 UNDEFINED ......
这是来自 JavaScript http://pastebin.com/hjL9MByY的代码。
这是我将它加载到 div 中的方法：

<div id="store_beatles_eps"></div>

我该如何解决？ 任何帮助将不胜感激。
如果我在问题中犯了任何错误，请向我报告，我会更改它:)。

Answer 1

您使用了错误的变量。 取而代之的是：

function generateStoreItem(item)
  ... 
  r = r.replace("{{page}}", store_beatles_eps.itemPage);

你应该有

function generateStoreItem(item)
   ... 
   r = r.replace("{{page}}", item.itemPage);

然而，不久前我为此做了简单的 repeatable() jQuery 插件： https : //github.com/c-smile/repeatable