jQueryUI Tooltip: проблемы с полями выбора IE

Question

За свою жизнь я не могу этого понять. Функция всплывающей подсказки jQueryUI (относительно новая) прекрасно работает практически на всем, в любом браузере. За исключением полей выбора в IE! По некоторым причинам кажется, что IE читает каждый элемент «option» как очень важную часть «select». Таким образом, хотя всплывающая подсказка отлично работает даже в IE, когда вы просто наводите курсор мыши на поле выбора, она ломается, как только вы щелкаете по нему.

Я использую бета1 jQuery версии 1.5 (хотя я проверял это в каждой версии начиная с 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");});