BackboneJS view.el
发布于 2015-08-14 15:24:55 | 155 次阅读 | 评论: 0 | 来源: 网络整理
定义了元素用作视图参考。this.el 如果从视图指定创建标记名类名，ID和属性的属性。如果没有指定，el是一个空的div。
语法
view.el
示例
<!DOCTYPE html>
<head>
<title>View Example</title>
<script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
//'ViewDemo' is a name of the view class
ViewDemo = Backbone.View.extend({
//This function gets called when the view is instantiated
initialize: function(){
document.write("Hello !!!! This is el property...");
}
});
//'viewdemo' is a instance of the 'ViewDemo' class
var viewdemo = new ViewDemo({ el: $("/backbonejs/backbonejs_view.htmlmyapp") });
</script>
<body>
<div id="myapp"></div>
</body>
</html>
输出
让我们进行以下步骤来看看上面的代码工作：
-
保存上述代码到文件el.html
-
在浏览器打开这个HTML文件。
