Question

所以我正在使用 FullCalendar (v5)，并且我已经成功地为时间线上的事件实现了弹出窗口（使用引导程序）。我想包含一个按钮来删除一个事件，但是该按钮没有出现在弹出窗口内。这真的很奇怪，因为 html 按钮标签被完全忽略了（将按钮元素放在其他两个元素之间来检查这一点）。代码如下：

 eventDidMount: function (info) {
                var content = 'Duration: ' + moment(info.event.startStr).format('hh:mma') + ' - ' + moment(info.event.endStr).format('hh:mma')                  
                $(info.el).popover({
                    html: true,
                    title: info.event.title + '<button type="button" id="remove-btn">Remove</button>' + '<a href="#" class="close" data-dismiss="popover">&times;</a>',
                    placement: 'top',
                    trigger: 'click',
                    content:content,                                        
                    container: 'body'
                });
                $(document).on("click", ".popover .close", function () {
                    $(this).parents(".popover").popover('hide');
                });
            },

这个popover创建的结果可以在这里看到： Popover Display

按钮应该显示在关闭按钮的标题之间。值得注意的是，我尝试了几种不同的方法来实现这一点，例如创建隐藏的 HTML 元素并从回调函数中获取 html，或者尝试将按钮元素放在内容字符串中而不是标题中。这些都不起作用。任何帮助将不胜感激。

编辑：此 Fiddle 正好演示了我想要实现的目标（按钮位于内容字符串内，但是我已经用我的解决方案完全尝试了此代码，但它不起作用）

弹出框内容 - 按钮未显示在弹出框内（JQuery/Javascript/HTML/Bootstrap）

0 个答案: