Question

js应用程序没有显示它应该显示的内容。

它应该循环通过食谱，但它没有显示任何东西。这是html：

<div id="recipes">
        <div class="recipeContainer">
            <img src="img/placeholder.png"/>
            <ul>
                <li>Name</li>
            </ul>
        </div>
        <script id="recipeTemplate" type="text/template">
            <img src="<%= image %>"/>
            <ul>
                <li><%= name %></li>
            </ul>
        </script>
</div>

也没有任何错误弹出。

Answer 1

2代码问题..

首先backbone在underscore上有硬依赖。

加载库的顺序非常重要

---> Underscore

---> Backbone

看起来你首先加载骨干网。

<强> Check Fiddle

第二个问题是你在模板<%= image %>

中有这个问题

image属性在默认属性的对象数组中都不可用。

将其替换为<%= url %>。这应该可以使代码正常工作。

此外，我更喜欢在初始化视图时传递集合。这与错误无关。

var recipesView = new RecipesView({
    collection : new Recipes(recipes)
});

查看不使用数据渲染

1 个答案: