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 中也没有问题了。