Не удалось удалить событие из полного календаря с первой попытки

Question

У меня есть модальный плагин Bootstrap, из которого я пытаюсь удалить событие, созданное в FullCalendar. Во время моей первой попытки удаления событие исчезает из представления календаря, но запись mysql не удаляется. Причина, по которой я заметила, - calEvent.id, не получает значения во время моей попытки попытки удалить, но во второй попытке calEvent.id имеет значение, и я мог успешно удалить событие. Интересно, почему calEvent.id не может получить идентификатор события с первой попытки. Используя окно предупреждения, я заметил, что при первой попытке я получаю сообщение «undefined», я предполагаю, что его значение отсутствует, calEvent.id. Пожалуйста, найдите мой скрипт ниже.

$('#event_delete').on('click', function() {      
    $('#calendar').fullCalendar('removeEvents', calEvent.id); 

    $.ajax({ 
      data: "&id=" + calEvent.id, 
      type: "POST", 
      url: "http://localhost/book/js/delete_events.php"      
    }); 
    alert (calEvent.id); 
    CloseModalBox(); 
}); 

-------------- delete_events.php -----------

<?php 
try { 
    $bdd = new PDO('mysql:host=localhost;dbname=fullcalendar', 'root', ''); 
} catch(Exception $e) { 
    exit('Unable to connect to database.'); 
} 
$id = $_POST['id']; 
$sql = "DELETE from evenement WHERE id=".$id; 
$q = $bdd->prepare($sql); 
$q->execute(); 
?> 

Answer 1

Эти данные должны быть переданы, как это: -

$('#event_delete').on('click', function() {      
    $('#calendar').fullCalendar('removeEvents', calEvent.id); 

    $.ajax({ 
      data: {id: calEvent.id}, 
      type: "POST", 
      url: "http://localhost/book/js/delete_events.php"      
      }); 
      alert (calEvent.id); 
      CloseModalBox(); 
});