我正在使用来自 jQuery UI 和 FullCalendar 的对话框
我的对话框正确打开,但是当它在我的日历上时,就像对话框作为可拖动对象集成到日历中一样。我有一个可拖放的日历。如果我在日历中获得 dialogWindow,它会将其作为一个对象。
我的对话:
$('#exercisechoise').dialog({
resizable: false,
autoOpen: false,
title: 'Chouse Session',
width: 500,
modal: true,
buttons:{
Save: function(){
},
Cancel: function(){
}
}
});
$("#exercisechoise").dialog("option","title", 'Chose session');
$("#exercisechoise").dialog('open');
完整日历:
$('#calendar').fullCalendar({
theme: true,
firstDay: 1,
header: {
left: 'today prev,next',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultView: 'agendaWeek',
minTime: '06:00',
maxTime: '22:00',
allDaySlot: false,
axisFormat: 'HH:mm',
columnFormat: {
month: 'ddd',
week: 'ddd dd/MM',
day: 'dddd M/d'
},
timeFormat: { // uppercase H for 24-hour clock
month: 'H:mm{ - H:mm}',
week: 'H(:mm){ - H:mm}',
agenda: 'H:mm{ - H:mm}'
},
eventSources: ['exercise/xhrGetListings/'+userid],
droppable: true,
......
html标头:
<link rel="stylesheet" href="<?php echo URL; ?>/temp/jquery-ui-1.9.2.le/css/le-frog/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" href="<?php echo URL; ?>menumaster/fg.menu.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js"></script>
<script type="text/javascript" src="<?php echo URL; ?>/public/js/timepicker.js"></script>
<script type="text/javascript" src="<?php echo URL; ?>/fullcalendar/fullcalendar.js"></script>
任何想法如何解决这个问题?