2016-09-02 7 views
0

gut Ich übe Backbone.js Konzepte, während ich in dieser meiner Konsole stecke zeigt:Backbone undefiniert

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.'); 
    } 
}); 

Ich kann ein neues Objekt nicht erstellen meine Konsole

Antwort

1

Warum setzen Sie script Tags auf 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> 

Arbeitsbeispiel: https://jsfiddle.net/tomi77/bpz0rcg2/

+0

Sir, ich habe meine Skriptdateien im Kopf, aber es ist mir immer noch den gleichen Fehler zeigt – Hrittika

+0

große Arbeiten, Blick auf meine bearbeiten –

+0

das Meta-Tag, die ich erstellt wurde ein Problem, aber dank deiner Geige. Ich verstehe es jetzt richtig. :) – Hrittika