jQuery FullCalendar: когда клик создал событие, исчезает

Question

Я использую плагин fullcalendar с видом ресурса. (http://www.ikelin.com/jquery-fullcalendar-resource-day-view/).

Я пытаюсь отобразить форму начальной загрузки при нажатии на пустую ячейку. (defaultView: 'resourceDay').

Когда я нажимаю на пустую ячейку, модальный открывается, и когда я нажимаю Сохраните, новое событие будет добавлено в календарь. Однако есть небольшая ошибка.

Если я щелкните в любом месте внутри окна модальный/браузера, события блок исчезнет (я нажмите в календаре, это создаст цветной блок на пустые ячейки во времени).

Если я нажму Сохраните, он будет добавлен в календарь.

По какой-то причине, если я помещаю FullCalendar renderEvent внутри функции щелчка, эта ошибка возникает. как исправить это? Благодаря!

(я использовал диалог JQuery UI и тестируется, но он показал тот же результат для меня)

перезвонить JS функции fullcalendar

select: function(start, end, allDay, event, resourceId) {//select cell (empty) 

       var title = 'Sample event';// event name 

       $('#add_appt').modal();//open the modal 

       $('#save_appt').click(function(e) {//click on the save button 
        //e.preventDefault(); 

        if (title) {//Add the event 
         console.log("CONSOLE select event " + event + title + ", start " + start + ", end " + end + ", allDay " + allDay + ", resource " + resourceId); 

         calendar.fullCalendar('renderEvent', 
           { 
            title: title, 
            start: start, 
            end: end, 
            allDay: allDay, 
            resourceId: resourceId 
           }, true); // make the event "stick" as true 

        } 
        console.log("closing"); 
        calendar.fullCalendar('unselect'); 

        $('#add_appt').modal('hide');//close the modal 
       }); 
    } 

HTML самонастройки модальный

<div class="modal fade" id="add_appt" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title" id="myModalLabel">Add New Appointment</h4> 
      </div> 
      <div class="modal-body"> 
<!--form --> 
       <form id='appt_from' class="form-horizontal"> 
        <!-- Text input--> 
        <div class="form-group"> 
         <label class="col-md-3 control-label" for="textinput">Text Input</label> 
         <div class="col-md-8"> 
          <input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control input-md"> 
         </div> 
        </div> 
        <!-- Select Basic --> 
        <div class="form-group"> 
         <label class="col-md-3 control-label" for="selectbasic">Select Basic</label> 
         <div class="col-md-8"> 
          <select id="selectbasic" name="selectbasic" class="form-control"> 
           <option value="1">Option one</option> 
           <option value="2">Option two</option> 
          </select> 
         </div> 
        </div> 
        <!-- Textarea --> 
        <div class="form-group"> 
         <label class="col-md-3 control-label" for="textarea">Text Area</label> 
         <div class="col-md-8">      
          <textarea class="form-control" id="textarea" name="textarea">default text</textarea> 
         </div> 
        </div> 
       </form> 
<!--/ from --> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button id='save_appt' type="button" class="btn btn-success">Save</button> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Я нашел решение. Я установил опцию unselectAuto на false. Поэтому, когда я нажимаю в любом месте браузера, блок событий не исчезает.

Только если я нажимаю близко или Сохранить кнопку, я буду называть

calendar.fullCalendar('unselect');// var calendar = $('.container').fullcalendar(); 

Выполнить эту функцию внутри Закрыть и Сохранить onClicks.

Надеюсь, это поможет кому-то.