1

ホバーでアニメーション化されている div があります (jquery の .hover() メソッドを使用しています)。div には、選択したフォームが含まれています。選択を開いてオプションにカーソルを合わせると、IE9 は親 div を「ホバー解除」したと解釈し、2 番目のホバー アニメーションが発生します。ここで見ることができます：

http://www.oliveboutiquehotelpr.com/temp/

それを回避する方法についてのアイデアはありますか？他のすべての主要なブラウザーでは問題なく動作します。

申し訳ありませんが、ここに jsFiddle があります: http://jsfiddle.net/jun6g/1/

4

2 に答える 2

4

選択のフォーカスを反映する変数を追加し、アニメーション化するたびにチェックすることで、問題を解決しました。ここに Javascript コード ( JSFiddle )
更新
ボックスを閉じたときに選択をバーリングして、選択を開いて閉じた後に再び問題が発生する問題を修正しました。コードとリンクが更新されました。

  var selectfocused = false;
  $('#block-block-5').mouseover(function () {
      selectfocused = false;
  });
  $('#block-block-5 select').focus(function () {
      selectfocused = true;
  }).blur(function () {
      selectfocused = false;
  });
  $('#block-block-5').hover(function () {
      if (selectfocused == false) {
          console.log(selectfocused);
          $(this).stop().animate({
              top: 0,
              opacity: 1
          });
      }
  }, function () {
      if (selectfocused == false) {
          $('#block-block-5 select').blur();
          $(this).stop().animate({
              top: -294,
              opacity: 0.6
          });
      }
  });

ハッピーコーディング！

于 2012-06-24T03:26:59.813 に答える
0

このページでは選択できません。とにかく、選択要素のホバーはありません。

于 2012-06-24T03:13:54.250 に答える