Javascript 主干形式不起作用_Javascript_Backbone.js

Javascript 主干形式不起作用

javascript backbone.js

Javascript 主干形式不起作用,javascript,backbone.js,Javascript,Backbone.js,我是个新手。我正在尝试一个简单的页面，它采用用户的名称，将其存储在模型中，并使用手柄将其呈现在不同的页面中。这是我所能做到的。该页面不显示任何错误，但也不呈现任何内容 HTML代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="jquery.js"></script> <scr

我是个新手。我正在尝试一个简单的页面，它采用用户的名称，将其存储在模型中，并使用手柄将其呈现在不同的页面中。这是我所能做到的。该页面不显示任何错误，但也不呈现任何内容

HTML代码：

 <!DOCTYPE html>
    <html>
    <head>

    <meta charset="UTF-8">

       <script src="jquery.js"></script>
      <script src="underscore.js" type="text/javascript"></script>
      <script src="backbone.js" type="text/javascript"></script>

      <script type="text/template" id="name">
        <form method="Post">Name:
        <input type="text" name="name" id="input" />
        <input type="submit" value="submit" id="form-submit" />
        <br></br>
        <br></br>
    </form>
    </script>

    <title>Form8</title>

    </head>
    <body>

    <div id="View">
        </div>

脚本：

<script>


        FormModel = Backbone.Model.extend({

            defaults: {
                name: ''
            }
        });

        FormCollection = Backbone.Collection.extend({
            model: FormModel
        });


        FormView = Backbone.View.extend({
            el: '#View',
            events: {
                'click #form-submit': 'OnFormSubmit'
            },
            initialize: function () {


               this.render();

            },
            OnFormSubmit: function () {
                template1 = _.template($("#name").html());
            },

            render: function () {

               $(this.el).html($("#name").html());

                return this;
            }

        });
         var FormView = new FormView();

    </script>

尝试呈现表单：

var formView = new FormView();
formView.render()

代码中的所有内容都是正确的，只需将JavaScript代码放在正文结束标记之前，或者将代码放在

$(document).ready(function() {
    //Your code here
});

模板放置是否正确？因为它不会在页面上呈现任何内容，我得到的是一个空白页面，上面有你发布的代码。当我更改var formView=new formView时；事情成功了。我可以看到带有提交按钮的名称输入框。您不需要formView.render，因为您已经从initialize方法调用了render方法。@通过更改var formView=new formView；你能看到这个名字再次出现在页面上吗？如果是的话，请您发布一个相同代码的JSFIDLE。谢谢！Aghabekkyan，试过了。页面上没有显示任何内容