如何使用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