0

私は要素を持っており、ユーザーがホバリングしているselectものを検出したいと考えています。ShankarSangoli が書いたoptionコードをここで使用していますが、機能していません。Chromeでテストしました。

JSFiddle

$("select").hover(function (e)
{
     var $target = $(e.target); 
     if($target.is('option')){
         alert($target.attr("id"));//Will alert id if it has id attribute
         alert($target.text());//Will alert the text of the option
         alert($target.val());//Will alert the value of the option
     }
});
4

4 に答える 4

2

あなたが達成しようとしている機能は、Chrome でも IE でもまだ利用できません。これは、現在参照している質問で指摘されています。

@purgatory 101 が指摘したように、コンボボックスを巧みに使用すると、追加の jquery を「フック」して、alert(); を実行できるようになります。ホバー。

コンボボックスへのソースの作業だけで、これは正しい方向へのポインタになります:

$('ul.ui-autocomplete ui-menu li').hover(function(){
    //do your stuff here.
});
于 2012-12-05T22:41:12.663 に答える
2

IE と Chrome は、Limelightsが指摘しているように、option 要素でのホバーをサポートしていません。ただし、すでに jQuery の使用に慣れている場合は、コンボボックスを使用してみてください。これは、基になる選択を使用できますが、ul 要素と li 要素を使用してオプションを構築します。

于 2012-12-05T22:37:56.670 に答える
1

Your only way to accomplish this would be use use a SELECT replacement that uses HTML + JS + CSS instead of the native control.

于 2012-12-05T22:33:25.200 に答える