相关疑难解决方法(0)

我正在使用twitter boostrap的popover来创建一个显示用户信息的悬停卡,我在这里触发mouseover检查jsfiddle上的popover.我想在它徘徊时保持这个popover活着.

<a href="#" id="example" class="btn btn-danger" rel="popover" >hover for popover</a>

$('#example').popover({
        html : true,
        trigger : 'manual',
        content : function() {
            return '<div class="box"></div>';
        }
    });
$(document).on('mouseover', '#example', function(){
    $('#example').popover('show');
});
$(document).on('mouseleave', '#example', function(){
    $('#example').popover('hide');
});

你可以想到facebook悬停卡的工作.我想以同样的方式.我怎样才能做到这一点？

我正在使用Twitter的Bootstrap,并希望在popover中显示Google Map .

它现在的工作方式我正在做这样的事情

$ ->
  $('.thumbnails a.js-popover').popover
    html: true,
    content: ->
      uid = $(this).data('profileUid')
      popover_container = $('.popover-contents:data(profileUid=' + uid + ')')
      _.each window.Maps, (map) ->
        google.maps.event.trigger map, 'resize' // I hoped this would re-draw the map
      popover_container.html()

popover从.popover-contents隐藏的div 加载它的内容,并连接到awith data属性(这样我就可以找到正确的popover来显示)

当不在popover中时,地图可以很好地工作,我认为它与通过html()jQuery 复制到另一个DOM元素有关.Twitter的bootstrap不提供modal opened回调,我真的不确定如何使地图工作.

正如你所看到的地图可以正常工作的完整资料页面上,标记是一样的(轨道部分),和JavaScript是共享的,太-我只能承担的GoogleMaps API真的不喜欢有它的DOM乱用,因此导致问题.