个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我在更新 AppView 的 $el HTML 内容时遇到一些问题。
初始化我的 AppView 时，一切都会按预期进行。 render() 函数在 #content div 中渲染 RoomPickerView 的元素，正如预期的那样，因为状态变量是用'pickRoom' 因为它的值。
当从 handleCheckRoomResult() 函数中再次调用 render() 时，就会出现问题。预期的行为是 #content 的 html 被 PlayerCharacterView 的元素替换，但没有任何变化，我仍然看到以前的 HTML 内容(房间选择器)。
如果我在调用 render() 结束时记录 AppView 的 $el.html() ，它会显示正确的 HTML，但不知怎的，这不会改变实际的 DOM。
下面是我的 AppView 的代码，我的完整应用程序代码(目前还没有那么多)可以在 in this Pastebin 找到。 .
var AppView = Backbone.View.extend({
el: '#content',
state: 'pickRoom',
roomToken: '',
character: {},
initialize: function() {
console.debug('Initializing AppView');
this.characters = new PlayerCharacterCollection();
this.characters.add(new PlayerCharacter({name: 'George', race: 'Elf', klass: 'Blacksmith'}));
this.characters.add(new PlayerCharacter({name: 'Amy', race: 'Human', klass: 'Sorceress'}));
this.roomPickerView = new RoomPickerView();
this.characterPickerView = new PlayerCharacterPickerView({collection: this.characters});
socket.on('check_room_result', this.handleCheckRoomResult.bind(this));
this.render();
},
handleCheckRoomResult: function(data) {
if (data.result) {
this.roomToken = data.token;
this.state = 'pickCharacter';
this.render();
} else {
console.warn('No room with token ' + data.token + ' exists!');
}
},
render: function() {
var htmlString = '';
if (this.state === 'pickRoom') htmlString = this.roomPickerView.render().$el.html();
if (this.state === 'pickCharacter') htmlString = this.characterPickerView.render().$el.html();
console.log(this);
console.log(this.$el.html());
// this.$el.html(htmlString);
$('#content').html(htmlString);
console.log(this.$el.html());
}
});
如您所见，我已经尝试将 this.$el.html(htmlString); 调用替换为 $('#content').html(htmlString);，希望至少能提供一个临时解决方案，但在 DOM 中仍然看不到任何变化。
有人知道发生了什么事吗？我无法猜测:(
编辑:
所以初始化页面时我的 DOM 结构如下所示:
<body>
<div id="wrapper">
<div id="content" class="player">
</div>
</div>
</body>
我刚刚检查了我的 DOM，#content div 完全消失了，我不知道为什么......当我将 AppView 的元素设置为 $('#wrapper') 一切正常 =\谁能解释为什么会这样吗？
另外，感谢您迄今为止的评论:D
最佳答案
创建JSFiddle后从你的 PastePin 中的代码中，我明白了!
问题出在您的 RoomPickerView 中。当您打算设置tagName时，您将el设置为“div”:
var RoomPickerView = Backbone.View.extend({
el: 'div'....
应该是
var RoomPickerView = Backbone.View.extend({
tagName: 'div'...
另外，还有一个关于让您的 AppView.render() 更简洁的提示，请执行以下操作:
render: function() {
this.$el.html( this.view().render().el );
},
view: function(){
return this.state == 'pickRoom' ? this.roomPickerView : this.characterPickerView
}
关于jquery - BackboneJS $el.html() 似乎没有任何效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22049690/
25
4
0
谁能帮我解决这个问题？我有一个 Tomcat 和简单的 JSF 应用程序:https://github.com/gooamoko/jsfbilling/ .当我在 Tomcat 上运行应用程序时，它运
我有两个这样的域类，第一个是 Manager : package com.mnm class Manager { String name; static hasMany = [ pro
当我运行以下代码时，打印输出似乎不正确。 void thread_Calc(int *pos) { printf("recieved %d\n", *pos); sig = -1; man
这个问题在这里已经有了答案: How to access a local variable from a different function using pointers? (10 个答案) 关闭
我编写了一个程序，其中列表构建器方法返回 IEnumerable of string，其中包括大量字符串(100 万个项目)，我将其存储在 List of string 中，然后它将所有项目附加到 中
我正在尝试编写一个 IRC 类型的聊天客户端，它具有可以连接到服务器的客户端。我试图让它在本地 atm 上工作(使用 FIFOS 而不是套接字)。 我遇到了以下我似乎无法解决的问题: 接受新的客户端连
我的一个 cronjobs 每天发送一封电子邮件 35 6 * * * cd $EZPUBLISHROOT && $PHP runcronjobs.php -q 2>&1 我停止使用 cron sud
我使用 WPF 打印路径来处理在我们的应用程序中创建的大型图表。整个图表由视觉效果组成。 所谓的“DesignerPaginator”对图表进行分页(非常简单)。 从这一点来说，我做了以下三件事: -
我尝试在更新之前跟踪系统应用程序并使用: public static boolean isSystemApplication(Context ctx, IContent content) {
我在这里附上了一个查询分析结果，https://explain.depesz.com/s/x9BN 这是查询 EXPLAIN ANALYZE SELECT branche
我正在做一个 CXF(spring) 项目 (HUB)。部署后，我可以看到肥皂和休息服务列表，我通过两个地址打开它。一种是使用本地主机，第二种是使用我电脑的 ip。所以我得到了这些输出。 使用本地主机
这是一个 AnyHashable 不支持枚举转换的简单案例。 enum testEnum: String { case Test } let myObject: AnyHashable = t
我的主要目标是比较存储在数据库和 XLSX 文件中的数据。 为此，我按以下方式创建了两个列表: private class ProductList { public string produc
我从 CMake 3.6 更新到任何最新版本 (3.12.0-rc2)，现在我的一个程序无法编译。 奇怪的是，错误消息显示了标准库本身中的 undefined symbol 。这是错误消息: Unde
我希望将我的自定义对话框动画化为从特定点出现，但我无法为对话框设置动画。 该对话框是一个基本的 RelativeLayout，设置为 extends Dialog 类中的布局。 正如这里的一些答案所建
我已经在这个论坛上调查过很多类似的问题，但似乎没有一个能解决我的问题。 我会在底部列出我在这个论坛上看到的一些问题页面，但让我先谈谈我对这个问题的看法。 我正在使用 codeigniter v 2.x
我正在尝试在 RHEL 7 上启动一个 docker-compose 项目作为 systemd 服务。这是我的 systemd 脚本 (/etc/systemd/system/wp.service):
这个问题已经有答案了: "Notice: Undefined variable", "Notice: Undefined index", "Warning: Undefined array key",
我正在尝试在 RHEL 7 上启动一个 docker-compose 项目作为 systemd 服务。这是我的 systemd 脚本 (/etc/systemd/system/wp.service):
此问题出现在my last question here之后。我想将每个按钮聚焦和失去焦点背景设置为主菜单(ContentPane 即 JPanel)下方的背景颜色，因此按钮看起来像选项卡。它在不同的环
我是一名优秀的程序员,十分优秀！