2013-04-28 53 views
1

我已經得到了下面的代碼,但JavaScript似乎並沒有執行。javascript根本沒有執行

有什麼,我從這裏失蹤?

<!doctype html> 
<html lang="en-US"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Backbonejs</title> 
</head> 
<body> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"> 
    <script type="text/javascript"> 

     Person = Backbone.Model.extend({ 
      initialize: function(){ 
       console.log('hello world'); 
       this.bind('change:name', function(){ 
        console.log(this.get('name') + "is now the val for name"); 
       }); 
      }, 
      defaults: { 
       name: "Bob hope", 
       height: "unknown" 
      }, 
      validate: function(attributes){ 
       if(attributes.name == "Joe"){ 
        return "Uh oh, you're name is Joe!"; 
       } 
      } 
     }); 

     var person = new Person(); 
     person.set({name: "Joe", height: "6 feet"}); 
    </script> 

</body> 
</html> 
+0

我沒有包含jQuery。骨幹的唯一硬性依賴是underscore.js – 2013-04-28 12:09:05

回答

3

你缺少結束script標籤,它們是必需的:

<script type="text/javascript" src="[...]underscore-min.js"></script> 
<script type="text/javascript" src="[...]backbone-min.js"></script> 

如果沒有他們,這看起來好像是從來沒有加載骨幹。

+0

我應該知道這一點!我現在覺得很愚蠢。非常感謝!!! – 2013-04-28 12:19:17

+0

不用擔心,歡迎您:) – 2013-04-28 12:30:27

-2

如果您在瀏覽器中沒有任何錯誤,這意味着您必須在頁面加載或包含jQuery庫時執行此代碼。