IE中的错误,选择下拉框中的选项有工具提示/标题?

时间:2014-08-12 21:08:44

标签: jquery html

有没有其他人在IE(11)中看到一个错误,工具提示/标题文本只会弹出低于当前所选选项的选项?即使它有标题文本,上面的任何内容都不会弹出。

使用jquery解决?我已经尝试为这些选项分配一个类,然后给该类一个鼠标悬停事件,并尝试了一个点击事件,但是我无法让它们开火。

我仅限于政府合同的IE开发,因此其他浏览器的变通办法或功能无济于事。

我还在jquery ui中尝试过qTip和内置工具提示库但没有成功。

这是IE处理选项和分配的某些属性/属性的方式中的错误吗?

1 个答案:

答案 0 :(得分:1)

SELECT的IE11渲染很奇怪。我建议通过SELECT2 jQuery plugin将其转换为更具代表性的控件。您可以将其格式化为您喜欢的任何内容,并使用一些额外的代码,如:

function format(item) {
    return "<div title ='" + item.element[0].title + "'>" + item.text + "</div>";
}


$('select').select2(
     { 
       formatResult: format,
       formatSelection: format
     }

 );

你可以添加原创&#34;标题&#34;工具提示。这是一个小型演示:http://jsfiddle.net/r1bzb9y3/