gpt4 book ai didi

javascript - 我的 backbone.js View 不呈现任何内容

转载 作者:行者123 更新时间:2023-11-30 13:02:51 24 4
gpt4 key购买 nike

我只是得到一个空白屏幕。我做错了什么?

index.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="underscore/underscore-min.js"></script>
<script src="backbone/backbone-min.js"></script>
<script type="text/template" id="view-navigation-bar-template">
<ul>
<li><input type="button" value="Day" /></li>
<li ><input type="button" value="Week" /></li>
<li><input type="button" value="Month" /></li>
</ul>
</script>
<script src="common.js"></script>
</head>

<body>
<div id="view-navigation-bar" class="button-list">
<!-- Insert view-navigation-bar_template here -->
</div>
</body>
</html>

common.js

ViewNavigationBarView = Backbone.View.extend({
initialize: function() {
this.render();
},
render: function() {
var template = _.template( $("#view-navigation-bar-template").html(), {} );
this.$el.html( template );

return this;
}
});

viewNavigationBarView = new ViewNavigationBarView({ el: $("#view-navigation-bar") });

最佳答案

OP 问题的答案依赖于缺少 document.ready 监听器。主干 View 本身不会等待 DOM 可用。因此立即插入没有做任何事情。

快速修复:将其包装在 $(document).ready(function() { });

关于javascript - 我的 backbone.js View 不呈现任何内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16739489/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com