2016-09-02 20 views
0

私は私のコンソールが表示さこの中で立ち往生していながらも、私はBACKBONE.JSの概念を練習しています:バックボーン未定義

main.js:1 Uncaught ReferenceError: Backbone is not defined 

index.htmlを

<html> 
<head> 
<meta charset="UTF-8"> 
<title>Backbone.js Tutorial</title> 
<script src ="main.js"></script> 
</head> 
<body> 
    <script src="js/libs/jquery-1.10.2.min.js"></script> 
    <script src="js/libs/underscore-min.js"></script> 
    <script src="js/libs/backbone-min.js"></script> 
</body> 
</html> 

main.js

var Animal = Backbone.Model.extend({ 
    defaults: { 
     name: 'Fido', 
     color: 'black', 
     sound: 'woof' 
    }, 
    validate: function(attrs, options){ 
     if (!attrs.name){ 
     alert('Your animal must have a name!'); 
     } 
     if (attrs.name.length < 2){ 
     alert('Your animal\'s name must have more than one letter!'); 
     } 
    }, 
    sleep: function(){ 
     alert(this.get('name') + ' is sleeping.'); 
    } 
}); 

新しいオブジェクトを作成できません私のコンソール

答えて

1

なぜscriptタグをbodyに入れるのですか?

<html> 
<head> 
<meta charset="UTF-8"> 
<title>Backbone.js Tutorial</title> 
    <script src="js/libs/jquery-1.10.2.min.js"></script> 
    <script src="js/libs/underscore-min.js"></script> 
    <script src="js/libs/backbone-min.js"></script> 
    <script src="main.js"></script> 
</head> 
<body> 
</body> 
</html> 

作業例:https://jsfiddle.net/tomi77/bpz0rcg2/

+0

先生、私の編集を見て、私は頭の中で私のスクリプトファイルを置くが、そのはまだ私に大きな作品 – Hrittika

+0

同じエラーを示す –

+0

私が使用していたメタタグを作成します問題ですが、あなたのフィドルのおかげで。私はそれを今正しく得る。 :) – Hrittika