無法在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中選擇選擇框的選項

回答

相關問題