jqueryui工具提示+全屏

我的问题与这个问题有些关系: jQuery UI Tooltip: Manipulate DOM position

在我的例子中,我使用传单和html5全屏api,使地图能够全屏显示。我还使用jqueryui工具提示,当鼠标悬停在地图上的某些元素上时,可以显示一些信息。不幸的是,在全屏模式下工具提示会被地图覆盖。所以它们就在地图下面。

据我所知 the fullscreen spec 使用全屏时会添加一个新层,该层位于其他层之上。所以工具提示自然不可见,因为jqueryui将工具提示附加在主体的末尾,并且全屏应用于主体中div中的地图。

我需要这些工具提示在全屏模式下可见。所以我想我需要把工具提示附加到地图的div中。所以全屏模式也认为工具提示位于顶层。

回到第一个链接:它说不可能更改工具提示的dom位置。

有人能帮助我如何处理这个问题吗?或者这是不可能的?任何小费都可以。

下面是一个例子: https://jsfiddle.net/7Lturfv2/

(来自javascript)

var map = L.map('map', {
    fullscreenControl: true,
    fullscreenControlOptions: {
    position: 'topleft'
  }
}).setView([51.505, -0.09], 13);

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a 
  href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors',
  maxZoom: 18
}).addTo(map);

$(document).tooltip();

控件元素有它们的工具提示,当鼠标悬停在地图的“小”版本中时会显示这些提示。如果切换到全屏(空白控制按钮),则不再显示工具提示。