0

現在、マウスオーバーの特定の機能に関する情報を提供するインタラクティブメニューをWebサイトに追加しています。
個々のリストアイテムは、マウスオーバー/マウスアウトで情報を展開/折りたたみますが、リストアイテムにカーソルを合わせると、他のアイテムが押し下げられてカーソルと交差し、展開されます。これは何度も発生する可能性があるため、展開状態と折りたたみ状態の間でバウンスし続けます。何度も。

リストアイテムの上にカーソルを数回飛ばすと、私が修正しようとしているエラーを強制することができます。

特定のリスト項目が意図せずに拡大するのを防ぐ方法があるに違いないと思いました。たとえば、現在展開されているアイテムを別のアイテムを開く前に折りたたむ必要があるようにする場合はどうでしょうか。しかし、それをコード言語で表現する方法がわかりません。

これが私が話している要素です：http：//jsfiddle.net/JHLQv/3/

以下は、拡張/折りたたみメカニズムをコーディングした方法です。以下のコードには、最初の2つのリスト項目に関する情報が含まれていますが、ご存知のとおり、各リスト項目についてはこのようになっています。

$("#li_bar_1").hover(
function() {
  $(div_expandable).animate({
    height: '+=130'
    }, 'slow'
  );
},
function() {
  $(div_expandable).animate({
    height: '-=130px'
    }, 'slow'
  );
}
);
$("#li_bar_2").hover(
function() {
  $(div_expandable_2).animate({
    height: '+=130'
    }, 'slow'
  );
},
function() {
  $(div_expandable_2).animate({
    height: '-=130px'
    }, 'slow'
  );
}
);

あいさつ

4

1 に答える 1

1

この動作を防ぐには、このプラグインHover Intentを使用する必要があると思います。

于 2013-01-22T18:15:42.697 に答える