1

まず第一に、私は自分の問題を探しましたが、密接に関連していないトピックしか見つかりませんでした.

http://jsfiddle.net/dSJMG/

ここでは、jQuery 1.8 を使用し、ラベルと選択要素を含む div があるデモを見ることができます。これらは編集機能を提供するためにホバー イベントで切り替えられ、フィールドをホバーして選択ドロップダウンで任意のオプションを選択すると、時々、mouseleave イベントがトリガーされますが、マウス ポインターでオプション リストを離れませんでした。これは非決定論的な方法で発生しているようで、オプションのポインターを少し速く動かしたときに発生することがよくあります (ただし、まだその領域を離れていません)。また、すべての主要なブラウザーで再現できましたが、このバグが公式に存在するのは IE だけです。

コンテナとその子の間のスペースを増やしたときに問題が修正されたように見えたため、これは配置に関連している可能性があります。

どんな考えでも大歓迎です。

ありがとう

4

1 に答える 1

0 
var $select = $("select.sel"), $label = $("label.lab");

$(".cont").hover(function(evt) {
    if (evt.type === "mouseenter") {
        $select.val($label.hide().text()).show();
        $select.addClass('active');
    } else {
        if(!$select.hasClass('active')) {
            $label.text($select.hide().val()).show();
            $select.removeClass('active');
        }
    }
});

$("select.sel").change(function() {
    if($select.hasClass('active')) {
        $label.text($select.hide().val()).show();
        $select.removeClass('active');             
    }
});

このようにjQueryを変更します

于 2012-09-18T10:13:38.440 に答える