Используя всплывающие подсказки на основе браузера, я могу легко прикрепить всплывающие подсказки к каждой опции элемента SELECT. т.е. в следующем примере, когда я наводил курсор на каждую опцию, я получаю соответствующую подсказку ("Option1" для первого и т.д.):
<select id='test_dd' name='options'>
<option title='Option1' value='1' >Option1</option>
<option title='Option2' value='2' >Option2</option>
<option title='Option3' value='3' >Option3</option>
</select>
Но если я попытаюсь сделать это с помощью Qtip, например, добавив следующее в конец моего HTML-кода:
<script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="javascript/jquery.qtip.min.js"></script>
<script type="text/javascript"> $('[title]').qtip(); </script>
Я не могу получить всплывающую подсказку для отображения рядом с параметрами (qtip правильно установлен, а пути верны - я получаю всплывающие подсказки для отображения других элементов с этой настройкой). Читая эту ссылку http://craigsworks.com/projects/forums/showthread.php?tid=3630, кажется, что ее невозможно сделать, если вы не измените элемент SELECT по умолчанию на пользовательский?
Это невозможно. Некоторые браузеры, особенно IE, не регистрируют события в тегах <option>
. Помимо просто стилизации, это еще одна причина, из-за чего было создано много плагинов замены <select>
<option>
в IE, или скрыть<option>
в IE? Не могу сделать это ... не поддерживается. Плагин требует привязки событий к тегу