fullcalendar - ダイアログとドラッグ可能な Fullcalendar に関する問題

Question

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>

これを解決する方法はありますか？