4

ツールチップは、ドロップダウン アイテムを除くほぼすべての項目で機能します。

私は何を間違っていますか

$(document).ready(function(){
    $('option').each(function(){
        $(this).tooltip();
    });
    //$('option').tooltip();
});

編集：私のhtmlは現時点ではかなり基本的ですhttp://jsfiddle.net/kasfu/

編集ドロップダウン リストの項目にカーソルを合わせたときにツールチップを表示したい

4

4 に答える 4

1

一見すると、あなたのコードとは何の関係もありません。これは既知の問題であり、修正される見込みはありません (いずれにしてもすぐに修正されます)。optionツールチップは chrome で機能しますが、Webkit ブラウザーは要素のツールチップを好みません。

バグチケットはこちら

私が考えることができる3つの解決策があると思います。

  1. 別のものを見つけて、機能する独自のツールチップ プラグインを作成します。

  2. を使用し<ul>てドロップダウンのようにスタイルを設定し、jQuery を追加して表示/非表示を制御します

  3. ブラウザの標準ツールチップに固執してください。

お役に立てれば。

于 2013-02-06T08:25:44.187 に答える
0

ツールチッププラグインのリンクから。jquery.dimensions.js and jquery.bgiframe.js デモページによると思います。

于 2013-02-05T17:37:45.620 に答える
0

私はあなたがこれを試してみるべきだと思います

$('option').each(function(index, element){
        $(element).tooltip({ content: "<div>Select an Item</div>", track: true});
    });
于 2014-09-10T09:24:48.127 に答える
0

私はあなたが必要とするものを持っていると思います..

<select>
    <option title="1" >1</option>
    <option title="2">2</option>
    <option title="3">3</option>
</select>

$(document).ready(function(){
$('option').each(function(){
        $(this).style.top = window.event.clientY + 20;
        $(this).style.left = window.event.clientX;
        $(this).style.display = 'block';
        $(this).tooltip();
    });
});

お役に立てれば。

于 2013-08-06T10:02:39.780 に答える