Backbone.js：记录视图实例只返回el属性
我有一个按钮和一张表格。最初，在初始化AddMenuForm视图时隐藏该表单 我为AddMenuButton注册了一个事件，这样当单击按钮时，它将取消隐藏表单 但是，代码addMenuForm.$el.show（）不起作用。当我尝试控制台记录addMenuForm时，我得到的是addMenuForm的el属性，而不是addMenuForm实例Backbone.js：记录视图实例只返回el属性,backbone.js,Backbone.js,我有一个按钮和一张表格。最初，在初始化AddMenuForm视图时隐藏该表单 我为AddMenuButton注册了一个事件，这样当单击按钮时，它将取消隐藏表单 但是，代码addMenuForm.$el.show（）不起作用。当我尝试控制台记录addMenuForm时，我得到的是addMenuForm的el属性，而不是addMenuForm实例 new App; var App = Backbone.View.extend({ initialize: function() {
new App;
var App = Backbone.View.extend({
initialize: function() {
var addMenuButton = new AddMenuButton;
var addMenuForm = new AddMenuForm;
}
});
var AddMenuButton = Backbone.View.extend({
el: '#addMenuButton',
events: {
'click': 'click'
},
click: function(e) {
e.preventDefault();
console.log(addMenuForm);
addMenuForm.$el.show();
}
});
var AddMenuForm = Backbone.View.extend({
el: '#addMenuForm',
initialize: function() {
this.$el.hide(); // hide the form
}
})
我做了类似的事情，它正常工作
<html lang="en">
<head>
<meta charset="utf-8">
<title>Backbone.js</title>
<script src="jquery-1.8.1.min.js"></script>
<script src="underscore.js"></script>
<script src="backbone.js"></script>
</head>
<body>
<div class="demo">
<form method ="get" id="addMenuForm" >
<input type="text" value="test"/>
<input type="button" name="button" value="Check it out!" />
</form>
<input type="button" name="button" value="show form" id="addMenuButton" />
</div>
<script>
var App = Backbone.View.extend({
el : "demo",
initialize: function() {
addMenuForm = new AddMenuForm();
addMenuButton = new AddMenuButton({addMenuForm: addMenuForm});
}
});
var AddMenuButton = Backbone.View.extend({
el : '#addMenuButton',
initialize: function(options) {
this.addMenuForm = options.addMenuForm;
},
events: {
'click': 'click'
},
click: function(e) {
e.preventDefault();
console.log(addMenuForm);
addMenuForm.$el.show();
}
});
var AddMenuForm = Backbone.View.extend({
el : '#addMenuForm',
initialize: function() {
this.$el.hide(); // hide the form
}
});
var myApp = new App();
</script>
</body>
</html>
Backbone.js
var App=Backbone.View.extend({
el：“演示”，
初始化：函数（）{
addMenuForm=新的addMenuForm（）；
addMenuButton=新的addMenuButton（{addMenuForm:addMenuForm}）；
}
});
var AddMenuButton=Backbone.View.extend({
el:'添加菜单按钮'，
初始化：函数（选项）{
this.addMenuForm=options.addMenuForm；
},
活动：{
“单击”：“单击”
},
点击：功能（e）{
e、 预防默认值（）；
console.log（addMenuForm）；
addMenuForm.$el.show（）；
}
});
var AddMenuForm=Backbone.View.extend（{
el:“#addMenuForm”，
初始化：函数（）{
this.$el.hide（）；//隐藏窗体
}
});
var myApp=new App（）；
AddMenuButtonaddMenuFormAppaddMenuFormvar AddMenuButton = Backbone.View.extend({
el: '#addMenuButton',
initialize: function () {
this.addMenuForm = new AddMenuForm
},
events: {
'click': 'click'
},
click: function(e) {
e.preventDefault();
console.log(this.addMenuForm);
this.addMenuForm.$el.show();
}
});
我没有试过，但应该是这样的 我想，在javascriptI中使用
varconsole.log（'test'）