從fullcalendar事件點擊Bootstrap模式調用點擊

Question

我的頁面上有一個fullcalendar。在它上面我有一個添加事件按鈕。這就調用了一個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（ '節目'）;

請注意，我沒有測試過這段代碼。

更多信息：http://getbootstrap.com/javascript/#modals-methods