Как дать selectmenu всплывающую подсказку в jquery ui?

Я заменяю select новым виджетом jquery-ui selectmenu (точнее, "покрытием" ).

При выборе я мог бы легко добавить всплывающую подсказку. Я использую плагин всплывающей подсказки jquery-ui.

Я пытался, но не смог дать selectmenu:

* Всплывающая подсказка для выбора больше не работает * Установка всплывающей подсказки в верхний диапазон элемента меню выбора ('.ui-selectmenu-button') также не работала

Можно ли это сделать?

Я использую jquery ui 1.11.0


jquery tooltip jquery-ui jquery-ui-tooltip jquery-ui-selectmenu
person Alex    schedule 19.07.2014    source источник

Ответы (1)


arrow_upward
3
arrow_downward

DEMO всплывающей подсказки пользовательского интерфейса jquery в меню выбора jquery-ui.

JS-код:

$(function() {
     var select_id = "SelectMenu";
     $( "#"+select_id ).selectmenu();

     $( "#"+select_id+"-button").tooltip({items: "span", content: 'This is select'});
});

HTML:

<label for="SelectMenu">Selectmenu example:</label>
    <select name="SelectMenu" id="SelectMenu">
        <option id="option1" title="Tooltip1">option1</option>
        <option id="option2" title="Tooltip2">option2</option>
    </select>
person Rahul Gupta    schedule 24.07.2014
comment
большое спасибо! Однако я не понимаю двух вещей: 1. Откуда у вас магия '$(#+select_id+-button)'? 2. Что делает часть 'items: span'? Без этого вроде не работает - person Alex; 25.07.2014
comment
хорошо, '$( #+select_id+-button)' появляется, когда я проверяю html, созданный jquery-ui - person Alex; 25.07.2014
comment
вы заметили, что всплывающая подсказка для пункта меню выбора (это выбор) зависает дольше, чем должна (по крайней мере, в Chrome в Windows), если вы быстро переходите к другим элементам в списке? сообщение о потере фокуса, и всплывающая подсказка продолжает отображаться - person ejectamenta; 07.12.2015