0

ここにjsフィドルがあります

JS

$(function(){
    $("select").multiselect();
    $( document ).tooltip();
    $( document ).tooltip( "option", "position", { my: "left+20 center", at: "right center" } );
});

HTML

<select multiple="multiple" size="5">
<optgroup label="England">
    <option title="example 1" value="London">London</option>
    <option title="example 2" value="Leeds">Leeds</option>
    <option title="example 3" value="option3">Manchaster</option>
</optgroup>
<optgroup label="USA">
    <option title="example 4" value="option4">New York</option>
    <option title="example 5" value="option5">Chicago</option>
</optgroup>
</select>

Eric Hynds の複数選択ウィジェットと、jQuery 1.9.1 の jQuery UI ツールチップ ウィジェットを使用しています。

ユーザーが複数選択ウィジェットの各アイテムにカーソルを合わせたときにツールチップが表示されるようにします。これを行うために、ウィジェット内の各オプションに「タイトル」属性を定義しました。これは問題なく機能しますが、複数選択ウィジェットには、各オプション値を含む独自のツールチップも表示されます。したがって、オプションごとに2 つのツールチップが表示されます。

複数選択の固有のツールチップを無効にするか、独自のツールチップを「タイトル」以外の別の属性で機能させたいと思います (これまでのところ、タグ内で機能する他の属性は見つかりません)。または、他のアイデアはありますか？

4

1 に答える 1