2014-03-19 22 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的一次,並有可能出錯了您的自定義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

相關問題