Question

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

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

如何在IE中正常使用？

Answer 1

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

 ...

   this.t = this.title;
   // this.title = "";
   $("body").append("<p id='tooltip'>"+ this.t +"</p>");
 ... 
   //this.title = this.t;
   $("#tooltip").remove();
 ...

Answer 2

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

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

    ...
}

Original Fiddle

这适用于IE7,8和9：

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

Updated Fiddle

Answer 3

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

无法在Internet Explorer中选择选择框的选项

3 个答案: