2

我正在尝试为我的网页做一个自定义工具提示，除了选择框和 Internet Explorer (IE) 之外，一切似乎都很好。添加工具提示后，IE 不允许我选择任何选项。我可以单击选择框以显示选项，但是一旦我将鼠标悬停在选项上，选择框就会自行关闭。

您可以使用这个jsfiddle清楚地观察它。尝试在 Firefox 和 Internet Explorer 中打开它。在 Firefox 中它可以正常工作，但在 IE 中，一旦您尝试选择其中一个选项，选择框就会自行关闭。

如何让它在 IE 中正常工作？

4

3 回答 3

4

尝试关闭一些行代码，如下更改：

 ...

   this.t = this.title;
   // this.title = "";
   $("body").append("<p id='tooltip'>"+ this.t +"</p>");
 ... 
   //this.title = this.t;
   $("#tooltip").remove();
 ...
于 2012-09-26T06:58:54.263 回答
2

您需要明确告诉 IE 在您的函数中停止传播，因为它也将悬停应用于子选项元素。

$('*.tooltip').hover(function(e)
{
    e.stopPropagation();

    ...
}

原始小提琴

这适用于 IE7、8 和 9：

添加了一个条件子句来检查事件对象中的选择框。

更新小提琴

于 2012-09-26T06:50:26.840 回答
0

你真的需要title这个控件吗？你可以使用data attributes，一切都会好起来的。例如：http: //jsfiddle.net/6MzD3/16/。还要查看Plugins/Authoring并为没有硬编码选择器的工具提示创建简单的插件。

于 2012-09-26T07:28:37.457 回答