從Fullcalendar事件click進行Bootstrap模態調用

Question

我的頁面上有一個日歷。 在它上面有一個添加事件按鈕。 那將調用一個javascript函數，該函數打開一個模式視圖，允許用戶添加事件。

function showAddMeeting() {
    var current_date = $('#calendar').fullCalendar('getDate');
    $("#modal").load('modal.php?type=meeting&action=add&date='+current_date);
}

這很完美。 現在，我還有另一個功能可以編輯會議：

function showEditMeeting(meeting_id) {
    alert('modal.php?type=meeting&action=edit&id='+meeting_id);
    $("#modal").load('modal.php?type=meeting&action=edit&id='+meeting_id);
}

當我將其放在按鈕上時，它可以正常工作。 但是，當我將其添加為事件的功能時，它將無法正常工作。

eventClick: function(event) {
    showEditMeeting(event['id']);
}

當我單擊該事件時，會收到工作鏈接的警報，但從未收到模式彈出窗口。

編輯：

我發現這是因為我沒有打電話

 data-toggle="modal" data-target="#modal"

有人知道如何通過javascript調用它嗎？

Answer 1

Bootstrap在“ modal.js”中提供了可用於模式的所有方法，該方法包含在最小化包中。

您需要按以下方式使用它。

原版的

function showEditMeeting(meeting_id) {
    alert('modal.php?type=meeting&action=edit&id='+meeting_id);
    $("#modal").load('modal.php?type=meeting&action=edit&id='+meeting_id);
}

變

function showEditMeeting(meeting_id) {
    alert('modal.php?type=meeting&action=edit&id='+meeting_id);
    $("#modal").load('modal.php?type=meeting&action=edit&id='+meeting_id).modal('show');
}

注意附加的.modal（'show'）;

請注意，我尚未測試此代碼。

詳細信息： http : //getbootstrap.com/javascript/#modals-methods