【发布时间】:2015-03-25 23:41:52
【问题描述】:
我是 Marionette 的新手,我正在跟随一本教科书使用 Marionette 构建一个简单的应用程序。我几乎立即遇到了这个问题,他们告诉你将 console.log() 放在一个函数中,除了当我运行它时它没有显示在我的浏览器中。这是下面的脚本:
<script type="text/javascript">
var ContactManager = new Marionette.Application();
ContactManager.on("initialize:after", function(){
console.log("ContactManager has started!");
});
ContactManager.start();
</script>
这是整个 HTML 文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Marionette Contact Manager</title>
<link href="./assets/css/bootstrap.css" rel="stylesheet">
<link href="./assets/css/application.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<span class="brand">Contact manager</span>
</div>
</div>
</div>
<div class="container">
<p>Here is static content in the web page. You'll notice that it gets 21 replaced by our app as soon as we start it.</p>
</div>
<script src="./assets/js/vendor/jquery.js"></script>
<script src="./assets/js/vendor/json2.js"></script>
<script src="./assets/js/vendor/underscore.js"></script>
<script src="./assets/js/vendor/backbone.js"></script>
<script src="./assets/js/vendor/backbone.marionette.js"></script>
<script type="text/javascript">
var ContactManager = new Marionette.Application();
ContactManager.on("initialize:after", function(){
console.log("ContactManager has started!");
});
ContactManager.start();
</script>
</body>
</html>
任何帮助将不胜感激,我可以在 ContactManager.on() 代码之外执行 console.log() 并且它会起作用。有什么想法吗?
【问题讨论】:
-
我通过更多研究发现了问题所在。显然他们在没有告诉我的情况下将“initialize:after”更新为“start”。因此,如果其他人遇到此问题,您就有了。
-
如果您能够找出自己的问题,您应该将您的解决方案作为实际答案发布。它将帮助可能与您遇到相同问题的其他人,因为它将提供一种非常清晰和明确的方式来了解有解决方案以及解决方案是什么。
标签: javascript html backbone.js marionette