2014-03-19 1 views
0

안녕하세요, 전체 캘린더를 사용하는 동안 모달 대화 상자를 사용하려고합니다. 개체 # <Object>에는 '대화 상자'가 없습니다. jquery와 전체 캘린더 사용

Uncaught TypeError: Object #<Object> has no method 'dialog' 

<script> 

    $(document).ready(function() { 

     var date = new Date(); 
     var d = date.getDate(); 
     var m = date.getMonth(); 
     var y = date.getFullYear(); 

     $('#calendar').fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,agendaWeek,agendaDay' 
      }, 
      editable: true, 

     events: 
     { 
     url: 'testEvents.php', 
     type: 'POST', 
     data: 
     { 


     }, 
     success: function(reply) { 
      console.log(reply); 
     }, 
     error: function() { 
      alert('there was an error while fetching events!'); 
     }, 
     color: 'yellow', // a non-ajax option 
     textColor: 'black', // a non-ajax option 
     allDayDefault: false   
     } 
     , 
     eventClick: function(calEvent, jsEvent, view) { 

     //alert('Event: ' + calEvent.title); 

     $("#myModal").dialog({modal: true}); 

     } 

     }); 


    }); 

</script> 

그리고 HTML 섹션에

가 :

내 문제는 대화를 설정하려고 할 때 나는이 오류가 있다는 것입니다

<body> 
<div id='calendar'></div> 

<div id="myModal" hidden="true"> 

Class name: 
<br> 
<input type="text" id="searchByFirstName"> 
<br> 
Time: 
<br> 
<input type="text" id="searchByFirstName"> 

</div> 


</body> 

내가 읽고 그 JQuery와 수입하지만 난과의 뭔가

<script src="//code.jquery.com/jquery-1.9.1.js"></script> 

<link href='fullcalendar.css' rel='stylesheet' /> 
<link href='fullcalendar.print.css' rel='stylesheet' media='print' /> 
<script src='jquery.min.js'></script> 
<script src='jquery-ui.custom.min.js'></script> 
<script src='fullcalendar.min.js'></script> 
: 내 문제가

내 수입이다 해달라고 참조

답변

1
당신은 아마 사용자 정의 jQuery를 UI에 뭔가 문제가있다로 한 번뿐만 아니라 jQuery를 포함 할 필요가

,이 같은 다음 링크를 사용하려고 :

<link href='fullcalendar.css' rel='stylesheet' /> 
<link href='fullcalendar.print.css' rel='stylesheet' media='print' /> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
<script src='fullcalendar.min.js'></script> 
+0

작업을, 감사합니다! – dasdasd

관련 문제