Javascript jquery移动主干在体内执行两次_Javascript_Jquery_Backbone.js

Javascript jquery移动主干在体内执行两次

javascript jquery backbone.js

Javascript jquery移动主干在体内执行两次,javascript,jquery,backbone.js,Javascript,Jquery,Backbone.js,js脚本执行两次时出现问题 main.js：（函数（$）{ Backbone.sync=函数（方法、模型、成功、错误）{ 成功（）； }; var Movie=Backbone.Model.extend({ 默认值：{title:，year:，plot:，extended_plot:} }); var List=Backbone.Collection.extend({ 模特：电影 }); var MovieRow=Backbone.View.extend({ 标记名：“li”，初始化：函数（

js脚本执行两次时出现问题

main.js：

（函数（$）{
Backbone.sync=函数（方法、模型、成功、错误）{
成功（）；
};
var Movie=Backbone.Model.extend({
默认值：{title:，year:，plot:，extended_plot:}
});
var List=Backbone.Collection.extend({
模特：电影
});
var MovieRow=Backbone.View.extend({
标记名：“li”，
初始化：函数（）{
_.bindAll（这是“呈现”）；
this.model.bind（'change'，this.render）；
},
render:function（）{
$（this.el）.html（“”+this.model.get（'title'）+“”）；
}
});
var MovieList=Backbone.View.extend({
el:$（“#内容”），
初始化：函数（）{
_.bindAll（这是'render'，'appendItem'，'addItem'）；
this.collection=新列表（）；
this.collection.bind（'add'，this.appendItem）；
log（'initialized'）；
这个。render（）；
},
render:function（）{
console.log（'rendering'）；
$（this.el）。追加（“”）；
},
附录项：功能（movieObj）{
var movieView=new MovieRow({
型号:movieObj
});
console.log（'appending'）；
$（'ol'，this.el）.append（movieView.render（）.el）；
},
附加项：功能（标题栏）{
var movieObj=新电影（）；
movieObj.set（{标题：titleStr}）；
this.collection.add（movieObj）；
}
});
console.log（'main'）；
var listView=newmovielist（）；}）（jQuery）；

index.php：


所有时代的伟大电影

输出： main------------main.js（第64行）

正在初始化----main.js（第37行）

渲染-----------------main.js（第42行）

获取http://*/main.js？——=1348774790150--200 OK--jquery.js（第8281行）

main-----------jquery.js（第627行）

正在初始化----jquery.js（第600行）

渲染-----------------jquery.js（第605行）

提前谢谢！

<!-- language: lang-html -->
<head>
    <meta charset="utf-8">
    <title><?php echo "$title: $subtitle"; ?></title>

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link href="css/default.css" rel="stylesheet" />
    <link href="css/jquery.mobile-1.1.1.css" rel="stylesheet"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.1.1.js"></script>
    <script type="text/javascript" src="js/underscore.js"></script>
    <script type="text/javascript" src="js/backbone.js"></script>


</head>
<body>
    <div data-role="header" id="header"><h1>GREATES MOVIES OF ALL TIMES</h1></div>
    <div data-role="content" id="content">
    </div>

    <script type="text/javascript" src="js/main.js"></script>
</body>