我为以下问题苦苦挣扎了几个小时:
- 使用 jquery 的 forEach 方法遍历对象
- 对于每个对象元素,应该使用一个模板,模板中也填充了信息。我正在使用的插件:jquery-tempalte
- 对于每个对象,模板应附加到
<div>
不幸的是,只有最后一个对象元素被可视化并加载到 DOM 中。在之前的步骤中创建的所有其他 div 都被覆盖。
在这里找到一个 jsFiddle,它演示了我的问题:http://jsfiddle.net/7oq053od/1/
你知道我错过了什么吗?
很高兴得到一些反馈:)
最佳答案
来自 Options在 github 网页上的部分,您可以看到第三个参数的 append
属性设置为 true
。
只需考虑像这样将它添加到您的脚本中:
$.each(results.features, function (key, value) {
$("#homeView").loadTemplate($("#template"), {
geoFenceName: value.attributes.title,
geoFenceDescription: value.attributes.description
}, {append: true});
});
这是一个工作 JsFiddle .
关于javascript - 使用 jquery 的 forEach 和 templatePlugin 追加 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32073942/