1

本来表示されていない js アプリ。

これがアプリです:http://jsfiddle.net/5sded/

レシピをループする必要がありますが、代わりに何も表示されません。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>

また、エラーがポップアップすることもありません。

4

1 に答える 1

2

あなたのコードの2つの問題..

Firstbackboneは に強く依存していunderscoreます。

ライブラリをロードする順序は重要です

---> Underscore

---> Backbone

最初にバックボーンをロードしていたようです。

フィドルをチェック

2番目の問題は、テンプレートにこれがあることです <%= image %>

属性imageは、デフォルト属性のオブジェクトの配列でも使用できません。

代わりにそれを置き換え<%= url %> ます。これでコードが機能するはずです。

また、ビューの初期化中にコレクションを渡すことを好みます。ただし、これはエラーとは関係ありません。

var recipesView = new RecipesView({
    collection : new Recipes(recipes)
});
于 2013-07-23T02:20:07.250 に答える