fullcalendar中的bootstrap popover有时位于底部,有时在中间

时间:2015-03-30 23:25:58

标签: jquery html twitter-bootstrap fullcalendar bootstrap-popover

我在dayClick事件中显示了一个引导弹出框,其中的位置为' bottom',但有些点击显示底部的popover,有些则显示在天。代码和图片如下所示。似乎日期22-28显示了底部的弹出窗口,就像它应该的那样,但是22日以上和28日以下的日期显示了中间的弹出窗口,如下图所示。



$('#fullcalendar').fullCalendar({
        header: {
            left: 'prev,next', //today',
            center: 'title',
            //right: 'month,agendaWeek,agendaDay'
            right: ''
        },
        defaultView: 'month',
        editable: true,
        allDaySlot: false,
        selectable: true,
        slotMinutes: 15,
        events: '/ManageSpaces/GetDiaryEvents/',
        
        //eventClick: function (data, event, view) {
        //}
        dayClick: function (data, event, view) {
            $(this).children().popover({
                html: true,
                placement: 'bottom',
                container: 'body',
                title: function () {
                    return $("#popover-head").html();
                },
                content: function () {
                    return $("#popover-content").html();
                }
            });
            if ($calPopOver)
                $calPopOver.popover('destroy');
            $calPopOver = $(this).children().popover('show');
        }
    });

<div id="eventcalendar">
            <div id='fullcalendar' style="width:65%"></div>
            <div id="popover-head" class="hide">some title</div>
            <div id="popover-content" class="hide">
                <form>
                    <input type="text" name="test" value="test" />
                </form>
            </div>
        </div>
&#13;
&#13;
&#13;

enter image description here

enter image description here

0 个答案:

没有答案