单击事件内的jQuery on（）方法无论单击如何执行

Question

我正在使用两个Bootstrap模式来查看和编辑FullCalendar中的事件。当我单击日历事件时，将打开一个小模式（模式1）以显示事件详细信息和一个编辑事件按钮（并将click事件绑定到该按钮）。当我单击“编辑”按钮时，它会隐藏视图模式并打开一个较大的编辑模式（模式2）。

问题在于，每当隐藏模式时，不仅在单击＃edit-event-btn按钮时，都会触发.on（'hiden.bs.modal'）事件。每当模式1关闭时，模式2始终显示。如何使on（）方法等待click事件触发？这是关闭工作吗？

顺便说一句，如果我放弃了on（）方法，那么我最终会遇到由Bootstrap模式引起的页面移动问题。

// This is the click event function for the FullCalendar event.
function(event, jsEvent, view) {
    $.get('myUrl1', {id: " . $network->id . ", eid: event.id}, function(data) {
        $('#view-event-modal').modal('show').find('#view-event-content').html(data);

        $('#edit-event-btn').click(function(e) {
            $('#view-event-modal').modal('hide');
            $('#view-event-modal').on('hidden.bs.modal', function() {
                $.get('myUrl2', {id:" . $network->id . ", eid:event.id}, function(data) {
                    $('#edit-event-modal').modal('show').find('#edit-event-content').html(data);
                });
            });
        });

    });
}