jquery - jvectormap 标记标签放置在鼠标 IE 上方

Question

我仅在 Internet Explorer 上使用 jvectormap 时遇到问题。

当我将鼠标悬停在该区域中的标记上时，标签会显示在标记上方。我仍然可以看到鼠标，但无法单击标记来打开链接或任何内容。所以当我稍微移动鼠标时它就会闪烁。

显示标签的代码:

onMarkerLabelShow: function(event, label, index){
            label.html(
                '<b>'+label.html()+'</b><br />'+
                markers[current_country][index].html
            );
        },

问题是，如果我删除标记文本并只显示标题，该标题位于 <b> 之间标签，它工作正常。

可能是 <br/> 之后的文本太长？ 或者我可以将 IE 的标签放在其他位置吗？

Answer 1

问题是换行符。它在带有 br 和 p 标签的 IE 中无法正常工作，并且也无法与 clear:both 一起工作。

这是一个肮脏的解决方法，但它的作用就像一个魅力:

在“label.html”调用之前，放入以下代码行:

label.css('left',-200);

它在 Firefox 和 Chrome 中仍然可以正常工作，并且在 IE 中不再有问题。