jquery - jQueryUI 工具提示：IE 选择框的问题

Question

对于我的生活，我无法弄清楚这一点。jQueryUI 工具提示功能（相对较新）在所有浏览器中都能完美运行。除了 IE 中的选择框！由于某些原因，IE 似乎将每个“选项”元素作为“选择”的一个非常相关的部分来读取。因此，即使在 IE 中，当您仅将鼠标悬停在选择框上时，工具提示也能完美运行，但一旦您单击它，它就会中断。

我正在使用 jQuery 版本 1.5 beta1（尽管我已经在从 1.4 开始的每个版本中测试了这个）和 jQueryUI 版本 1.8.8。

编辑：可以在这个位置看到一个例子。

Answer 1

这是该错误的链接：http: //bugs.jqueryui.com/ticket/8798

他们建议的解决方案是将文本包装在另一个元素中，例如 div，这将触发工具提示。

<div class="tooltip" title="Some text">
    <select>
       <option>...</option>
    </select>
</div>

Answer 2

您始终可以检测用户代理标头并显示“抱歉，此站点需要使用浏览器”。当有人带着 IE 进来的时候。:)

Answer 3

使用此代码tooltip在ie浏览器上工作

$( "select" ).each(function(){$(this).wrap( "<span title='"+ $(this).attr("title")+"'></span>" );$(this).removeAttr("title");});