在jQuery中将变量传递给.load(html)

Question

假设我有这样的jquery代码:

html += '<div class="index">' + item.index + '</div>';

// many more similar html += statements

// load items
$('div').append(html);

这个html太难以管理了,所以我想把它移到外部文件中.在加载变量时将变量传递给HTML的最佳方法是什么？我只需要加载它然后将jquery命令放在第一个JS文件中吗？这就是它的样子,但我宁愿使用更像模板的方法.

Answer 1

将HTML放在HTML文件中.然后在jQuery上使用模板插件来扩展它.

一些模板插件:

• jsRepeater
• jTemplates
• noTemplate