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

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

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

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

来源

2012-09-26 wh0

你的问题是什么？请说出你的问题。我们不是在这里研究你的问题。陈述它。我无法确定是否有任何区别。 – NewUser

您的意思是说，工具提示会显示在您的选择框中，而不是让您选择选项？ –

@Dibya：问题是选择框正在关闭自己，当我试图将鼠标悬停在我的选项上。 – wh0

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

来源

2012-09-26 07:28:37 webdeveloper

还不是我想要的确切答案，但它解决了我的目的。谢谢 – wh0

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

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

    ... 
}

Original Fiddle

这个作品在IE7，8和9：

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

Updated Fiddle

来源

2012-09-26 06:50:26

IE 9的问题仍然存在！ –

在回答中为您提供的附加/不同修复程序 –

呃...是我吗？仍然是同样的问题...检查IE 8：没有！发生'.remove（）'事件时，出现这个问题！ :( –

尝试关闭一些代码行，改变它像这样如下：

... 

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

来源

2012-09-26 06:58:54 Fredy

你可以做一个[小提琴]（http://jsfiddle.net）哥们？ –

http://jsfiddle.net/gVrmz/ – Fredy

@ PraveenKumar，@ Fredy然后你会看到两个工具提示，一个来自默认，另一个是你刚才添加的。当鼠标悬停发生时，不应该显示删除默认标题的位置 – wh0

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

回答

相关问题