2012-12-05 3 views
0

아마추어적인 질문 일 수도 있지만 덜 사용하는 것은 아닙니다. 패키징에서 백본을 가져와 안녕하세요 세계 예제를 시작했지만 위아래로 실행하는 것 같습니다. 어떤 사람이 왜이 결과를 보지 못했는지 말해 줄 수 있니?백본으로 시작하기

(function($){ 

var ListView = Backbone.View.extend({ 
    el: $(body), //attaches this.el to an existing element 

    initialize: function(){ 
     _.bindAll(this, 'render'); //fixes loss of context for this within elements 
     this.render(); //not all views are self-rendering. This is one. 
    }, 

    render: function(){ 
     $(this.el).html("<ul><li>Hello World!</li></ul>"); 
    } 
}); 
var listVew = new ListView(); 


})(jQuery); 

HTML

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title> Hello Backbone </title> 
</head> 
<body> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script> 
<script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.6/underscore-min.js"></script> 
<script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script> 

<script src="backbone.js" type="text/javascript"></script> 

</body> 
</html> 
+1

'el : 'body','를 사용하여'body'에'el'을 설정할 수 있어야합니다. jQuery 객체로 래핑 할 필요가 없습니다. – Jack

답변

2
  • 나는 jsfiddle에 코드를 시도하고이 오류를 가지고 : Uncaught ReferenceError: body is not defined
    • 보기의 el 선택으로 문자열 'body'를 사용을

작동 방식 : http://jsfiddle.net/PeGW6/

또한 매우 오래된 버전의 백본을 사용하고 있습니다. 가장 최근의 빌드로 업그레이드하십시오.

+0

당신이 언급했지만 불행히도 소용이없는 모든 것을 시도했습니다. 믿을 수 없지만 코드 발사 문제가 아닌 것은 잘못된 것일 수 있습니다. 그들이 응답하는 익명 함수 내부의 코드 첫 번째 비트에 일부 경고를 던집니다. 또한 스크립트 호출을 지우는 html() 문제는 처음에 append를 사용하기 시작할 때 문제의 근원이 아닙니다. – sonobenissimo

+0

그래서'render'에'console.log ("render :", this.el, this. $ el)'를 넣으면 문서가 준비되었는지 아닌지를 확인할 수 있습니다. 'this. $ el'가'[]'이면, 그게 문제라는 것을 알게 될 것입니다. jsfiddle에 코드를 게시하면 디버그를 도와 줄 수 있습니다. –

+0

좋아, 그래서 약간의 진전이있었습니다. 문제의 덩어리가 el : $ (body)에 시체를 따옴표로 묶어 놓지 않았다는 사실을 잊어 버렸기 때문인 것으로 나타났습니다. 내 코드를 jsfiddle에 게시하면 완벽하게 작동하지 않지만 내 컴퓨터에서 어떤 이유로 든 업데이트되는 본문의 텍스트가 표시되지 않습니다. 나는 이것을 경고하려고 노력했다. 엘과 이것. $ el 그러나 그것은 아무것도 출력하지 않았다. Kindof는 왜 jsfiddle에서 작동하지만 내 comp에서는 작동하지 않는지 혼란스럽게합니다. – sonobenissimo