下划线模板不在骨干中呈现

Question

下划线模板不在骨干中呈现

Nik*_*as9 4 javascript jquery backbone.js underscore.js

我正在尝试使用backbone.js,underscore.js和jquery的最新生产版本的一个简单示例(请参阅下面的完整代码).但是我无法在屏幕上显示任何内容.我已经尝试记录这个.$ el到控制台日志,它似乎有效,html var包含来自测试模板的正确解析的HTML.但浏览器窗口中没有显示任何内容.

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>testing Backbone.js</title>
  </head>
  <body>

      <script type="text/template" id="test-template">
      <div id="container">
          <%= test %>
      </div>
      </script>

      <script type="text/javascript" src="js/lib/jquery.js"></script>
      <script type="text/javascript" src="js/lib/underscore.js"></script>
      <script type="text/javascript" src="js/lib/backbone.js"></script>
      <script type="text/javascript">
        var testView = Backbone.View.extend({
            el: $("#container"),
            template: _.template($('#test-template').html()),
            render: function() {
                var html = this.template({test: 'hello World!'});
                this.$el.html(html);
                return this;
            }
        });

        $(document).ready(function() {
            var test = new testView();
            test.render();
        });
      </script>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Lee*_*tal 5

没有带有id ="container"的元素来附加模板.如果你更换

el: $("#container")

Run Code Online (Sandbox Code Playgroud)

同

el: $('body')

Run Code Online (Sandbox Code Playgroud)

应该出现一些东西

归档时间：	12 年，6 月前
查看次数：	2263 次
最近记录：	12 年，6 月前