BackboneJS HelloWorld не работает

Я попытался запустить программу BackboneJS HelloWorld, но я получаю пустую страницу. Ниже приведена программа.BackboneJS HelloWorld не работает

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<title>Hello World in Backbone.js</title> 
</head> 
<body> 
<script src="JS/backbone.localStorage-min.js"></script> 
<script src="JS/backbone-min.js"></script> 
<script src="JS/jquery.min.js"></script> 
<script src="JS/underscore-min.js"></script> 

<script type="text/javascript"> 
    var AppView = Backbone.View.extend({ 
    el: '#container', 
    initialize: function() { 
     this.render(); 
    }, 
    render: function() { 
     this.$el.html("Hello World"); 
    } 
}); 

var appView = new AppView(); 
</script> 

</body> 
</html>

Примечание: Загрузите все необходимые библиотеки локально.

Ссылка: http://adrianmejia.com/blog/2012/09/11/backbone-dot-js-for-absolute-beginners-getting-started/

источник

2016-09-19 Oyindrila Bhattacharjee

открытых инструменты Dev и проверить возможную ошибку в консоли :) – Andurit

Добавить консольных журналы здесь –

Изменения порядка или вашего ''

вы меняете значение el в рендере, но не указываете значение el в html-коде.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<title>Hello World in Backbone.js</title> 
</head> 
<body> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="http://underscorejs.org/underscore-min.js"></script> 
<script src="http://backbonejs.org/backbone-min.js"></script> 

<div id="hh"></div> 
<script type="text/javascript"> 
AppView = Backbone.View.extend({ 

initialize: function() { 

}, 
render: function() { 
    this.$el.html("hello"); 
    return this; 
} 
}); 

var appView = new AppView(); 

$("#hh").html(appView.render().el); 
</script> 

</body> 
</html>

источник

2016-09-19 10:57:53 Mahi

Смежные вопросы