2013-06-26 29 views
7

Backbone.js ile denemeler yapıyorum ve yalnızca iletileri konsol ekranımda açmaya çalışıyorum. Nasıl hiç, ben bunu her zaman çok hata görünen devam ediyor Ayrıca burada HTML JavaScriptYakalanmamış TypeError: Bir işlev bekledikten sonra denetleyin

(function ($){ 

window.PageLoader = Backbone.View.extend({ 
    el: $("section"), 
    events: { 
    "": "initialization", 
    "click #aboutUs" : "aboutUs", 
    }, 

    initialization: function(){ 
    console.log('pageLoader.js initialized\nHome page rendered'); 
    }, 

    aboutUs:function(){ 
    console.log('About us page rendered.'); 
    } 
}); 

var pageLoader = new PageLoader(); 
//pageLoader.initialization(); 
//pageLoader.aboutUs(); 

})(jQuery); 

dosyası edilir Burada

Uncaught TypeError: Expecting a function in instanceof check, but got [object Object] backbone.js:1032 
_.extend.setElement backbone.js:1032 
_.extend._ensureElement backbone.js:1104 
Backbone.View backbone.js:986 
child backbone.js:1531 
(anonymous function) pageLoader.js:19 
(anonymous function) 

(aşağıda belirtildiği)

<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="css/main.css"> 
    <meta /> 
    <meta /> 
    <title>Bus tours and tows</title> 
    </head> 
    <body> 
    <div id="centerWrapper"> 
    <header> 
     <h1>So and so Bus tours and tows</h1> 
    <header/> 
    <nav> 
     <ul> 
     <li><a href="">Home</a></li> 
     <li><a href="#aboutUs">About us</a></li> 
     <li><a href="">Tours</a></li> 
     <li><a href="">Tows</a></li> 
     <li><a href="">Schedule</a></li> 
     <li><a href="">Contact</a></li> 
     </ul> 
    </nav> 
    <section></section> 
    <footer> &#169; Of So and so bus tours and tows. <br /> 
     <i>Questions regarding the construction of the website, please email</i> 
     <a href="mailto: [email protected]">Web Master</a> 
    </footer> 
    <div id="jsFilesAndDepend"> 
     <!-- --> 
     <!-- Filese that are dependant--> 
     <script src="js/dependencies/underscore.js"></script> 
     <script src="js/dependencies/backbone.js"></script> 
     <script src="js/dependencies/jquery-1.10.1.js"></script> 
     <script src="js/pageLoader.js"></script> 
     <script src=""></script> 
     <script src=""></script> 
    </div> 
    </div> 
    </body> 
</html> 

Ben Backbone.JS için yeni. Yardım ettiğiniz için teşekkür ederim. Tepki için

cevap

9

Sen omurga önce jQuery yüklemeye gerek,

Ayrıca boş olay anahtar değer çiftleri tanımlamak edemez
<script src="js/dependencies/underscore.js"></script> 
    <script src="js/dependencies/jquery-1.10.1.js"></script> 
    <script src="js/dependencies/backbone.js"></script> 

,

events: { 
// "": "initialization", <- this is invalid. 
    "click #aboutUs" : "aboutUs", 
}, 
+0

Hey teşekkürler! Bu eski hatadan kurtuldu, ancak şimdi yeni bir tane alıyorum: 'Uncaught TypeError: null backbone.js'nin' 1 'özelliğinin okunamadığı': '1062 _.extend.delegateEvents backbone.js: 1062 Backbone. Görünüm backbone.js: 988 çocuk backbone.js: 1531 (anonim işlev) pageLoader.js: 19 (anonim işlev) ' –

+0

@JoshV Boş etkinlik anahtarlarına sahip olamazsınız. – Andrew

+0

Ohh Tamam, anlıyorum. Benim hatam, Backbone.Router ile aynı yapıya sahip olduğunu düşünüyordu. Bunu deniyorum. –

İlgili konular