Arshaw fullcalendar & twitter bootstrap Popover (Как да отхвърлите изскачащ прозорец, като щракнете извън него?)

Намерих следния пример, който показва поведението, което изисквам от popover: Как да отхвърлите изскачащ прозорец на Twitter Bootstrap, като щракнете навън?

Въпреки това, някой знае ли как да постигне подобно поведение в fullcalendar? (т.е. със събития в пълния календар) Благодаря.


twitter-bootstrap fullcalendar popover
person Tal    schedule 01.05.2013    source източник

Отговори (2)


arrow_upward
6
arrow_downward

Всъщност мисля, че намерих решение на моя проблем:

$('#calendar').fullCalendar({
        eventRender: function (event, element) {
            if (!event.url)
            {
                element.popover({
                    placement: 'bottom',
                    html:true,                        
                    title: 'text',
                    content: 'text                                
                });

                $('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');
                });
            }           
        }         

});

Това изглежда работи добре в fullcalendar.

Благодаря.

person Tal    schedule 02.05.2013

arrow_upward
0
arrow_downward

По-просто: можете да прикачите събитието hide към самия елемент:

element.on('click', function() {
  element.popover('hide');
};
person RichieRich    schedule 18.10.2014