当我在fullcalendar上使用bootstrap popover时

时间:2016-08-31 05:18:48

标签: fullcalendar popover

我在fullcalendar上添加了一个bootstrap popover,但是日历上的每个事件必须是两次点击,然后出现popover。这是代码。 我试图删除点击的身体不起作用。 https://jsfiddle.net/pLsraez0/6/

eventRender: function (event, element) {
        element.popover({
            title: function () {
                return "<B>" + event.subject + "</B>";
            },
            placement:'auto',
            html:true,
            trigger : 'click',
            animation : 'false',
            content: function () {
                return "<div>" +
                        "计划开始时间:" + event.start.format() +
                    "<br />计划结束时间:" + event.end.format() +
                    "<br />需求提交人:" + event.chargeusername +
                    "<br />需求PM:" + event.pmusername +
                    "<br />需求类型:" + event.projecttype +
                    "<br />预计工作量:" + event.workload +
                    "<br />需求级别:" + event.projectlevel +
                    "<br /><input type='hidden' value='" + event.id + "' />" +
                    "</div>" +
                "<div style='text-align: right;margin-top: 10px;'>" +
                "<button type='button' onclick='designProj(event);' class='btn btn-primary btn-xs'>指派</button>" +
                "<button style='margin-left: 8px;' onclick='editProj(event);' type='button' class='btn btn-default btn-xs'>编辑</button>" +
                "<button style='margin-left: 8px;' onclick='delProj(event);' type='button' class='btn btn-default btn-xs'>删除</button>" +
                "</div>";
            },
            container:'body'
        }).popover('show');
        $('body').on('click', function (e) {
            if (!element.is(e.target) && element.has(e.target).length === 0 && $('.popover').has(e.target).length === 0)
                element.popover('hide');
        });
    }

1 个答案:

答案 0 :(得分:0)

您应该使用$(element)。它对我来说很好。 https://jsfiddle.net/PJ1501/pLsraez0/4/