2013-10-01 2 views
1

Dojo Calendar를 테스트하려고합니다. 문제가있어서 테스트 페이지를 만들고 예제 코드를 the dojo site에서 복사했습니다. 동일한 문제가 발생했습니다 : 텍스트가 매우 큰 수직 간격으로 표시되고 다른 서식은 거의 표시되지 않습니다. 나는 그들의 페이지에서 작동하도록 테스트를 할 수 없기 때문에 어떻게 될지 모릅니다.Dojo Calendar 샘플 코드가 작동하지 않습니다.

<!DOCTYPE html> 
<html> 
<head> 

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/claro/claro.css" /> 

<script>dojoConfig = {parseOnLoad: true}</script> 
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js"></script> 

<script> 
    require(["dojo/parser", "dojo/ready", "dojox/calendar/Calendar"], 
     function(parser, ready, Calendar){ 
      ready(function(){ 
        calendar = new Calendar({ 
         dateInterval: "day", 
         style: "position:relative;width:600px;height:600px" 
        }, "someId"); 
       } 
      )} 
    ); 
</script> 
</head> 
<body class="claro"> 
<style type="text/css"> 
.dojoxCalendar{ font-size: 12px; font-family:Myriad,Helvetica,Tahoma,Arial,clean,sans-serif; } 
</style> 

<div id="someId" > 
</div> 
</body> 
</html> 

내가 만든 유일한 변경 사항은 ajax.googleapis.com에서 라이브러리를 사용하는 것이 었습니다. dojox도 포함해야합니까? 나는 그것이 dojo.js와 함께 온 줄 알았다. 당신은 스타일 파일을 포함 놓친

답변

2

, 머리에 이것을 추가하고 확인 될 것입니다 :

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojox/calendar/themes/claro/Calendar.css" /> 

또는 서식을 고정하는, this jsfiddle

+0

감사를 참조하십시오. 포함 된 항목을 놓친 것에 대해 내가 놓친 부분을 지적 해 주시겠습니까? 참조 페이지에는 언급이 없으며 소스 코드에도 표시되지 않았습니다. Dojo 문서가 계속 남아있는 것은 처음이 아닐 것입니다. 적어도 당신이 그것에 대해 알았 기 때문에 다행입니다. – curt

관련 문제