3

selectaを新しいjquery-ui selectmenu ウィジェットに置き換えています(「カバー」の方が正確です)。

選択時に、ツールチップを簡単に追加できました。jquery-ui tooltip pluginを使用しています。

私は試しましたが、それを与えることができませんでしたselectmenu：

* select のツールチップが機能しなくなりました * ツールチップを selectmenu 要素 ( '.ui-selectmenu-button')の上部スパンに設定しても機能しませんでした

それはできますか？

私は使用していますjquery ui 1.11.0

4

1 に答える 1

3

jquery-ui selectmenu の 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>
于 2014-07-24T06:19:42.740 に答える