alert/FullCalendar olayını kullanarak bootsrap modelinde birden çok kez onaylama

Question

fullcalendar üzerinde eventClick işlevini kullanıyorum ve bir modal açıldığı bir olayı tıklattığımda ve bu olayı düzenleyebiliyorsanız, aşağıdaki sorunu yaşıyorum ve kaydetmeyi tıkladığımda (başka bir onclick fonksiyonu ile), modelin daha önce açıldığı kadar çok kez ateş eden bir onay vardır.

bana kod benim parça ile açıklayalım

..

eventClick: function (calEvent, jsEvent, view) { 

    $('#myModalEditEvent').modal('show'); 

    $("#deleteEventfromEditModal").click(function() { 
       if (!confirm("are you sure?")) { 
        return 0; 
       } 
       else { 
        var classID = calEvent.id; 

        var deleteRequest = { 
         classID: classID, 
        }; 

        var dataString = JSON.stringify(deleteRequest); // parsing the request above. 
        $.ajax({  // starting an ajax func 
         }) 
       }; 
      }); 
} 

bu benim html kodu:

<div class="modal fade" id="myModalEditEvent" role="dialog"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title" id="EditEventHeader"></h4> 
      </div> 
      <div class="modal-body"> 
       <div class="form-group"> 
        <select id="ClassesDDLEdit" class="form-control"></select> 
       </div> 
       <div class="form-group"> 
        <select id="GuidesDDLEdit" class="form-control"></select> 
       </div> 
       <div class="input-group bootstrap-timepicker timepicker"> 
        <input id="classStartTimeEdit" type="text" class="form-control input-small" placeholder="Start time"> 
        <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span> 
       </div><br /> 
       <div class="input-group bootstrap-timepicker timepicker"> 
        <input id="classEndTimeEdit" type="text" class="form-control input-small" placeholder="start time"> 
        <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span> 
       </div><br /> 
       <div class="modal-footer"> 
        <button type="button" id="AddEventAfetEditing" class="btn btn-info center-block" data-toggle="modal" data-target="#myModalEditEvent">Save</button><br /> 
        <button type="button" id="deleteEventfromEditModal" class="btn btn-danger glyphicon glyphicon-trash center-block" data-toggle="modal" data-target="#myModalEditEvent"></button> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

ne ben bunun olmasını önlemek için ne yapabilirim?

Tüm yardımlara teşekkürler!

Answer 1

değiştirin aşağıdaki satırı. Bu nedenle, her zaman

Answer 2

Sen eventClick dışında bu

$("#deleteEventfromEditModal").click(function() { 
       ... 
}); 

yapmak ve Exemple için sayfa yüklemesine yapmalıdır. Çünkü her bir tıklama olayını bağlayıcı tıklayın üzerindeki

$("#deleteEventfromEditModal").unbind("click").click(function() { 

izleyin

$("#deleteEventfromEditModal").click(function() { 

olarak

$(document).ready(function(e){...})