7

私はBackbone.jsを試していて、単にコンソール画面にメッセージが表示されるようにしようとしています。ここではどのようにこれまで、私は毎回そうエラーが(以下に記載)登場し続けているUncaught TypeError:instanceof checkの機能を期待しています

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) 

にはJavaScriptを有効にし

(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); 

また、ここで私はHTML

<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> 

があるファイルでありますBackbone.JSの新機能です。助けてくれてありがとう。あなたがバックボーン前のjQueryをロードする必要が

答えて

9

<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

を空のイベントのキーと値のペアを定義することはできません!これで古いエラーは解消されましたが、今は新しいものを取得しています: 'Uncaught TypeError:nullのプロパティ' 1 'を読み取れませんbackbone.js:1062 _.extend.delegateEvents backbone.js:1062 バックボーン。表示backbone.js:988 子供backbone.js:1531 (匿名関数)pageLoader.js:19 (匿名関数) ' –

+0

@JoshV空のイベントキーを持つことはできません。 – Andrew

+0

オハイオ州、そうだよ。私の間違いは、それがバックボーンと同じ構造を持っていると思っていた。私はこれを試しています。 –

関連する問題