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在＆＃34; modal.js＆＃34;中有所有可用于模态的方法，这包含在缩小的包中。

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

<强>原始

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（＆＃39; show＆＃39;）;

请注意，我尚未测试此代码。

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

从fullcalendar事件单击调用Bootstrap模式

1 个答案: