jQueryの垂直ホバーアコーディオン

StackOverflow https://stackoverflow.com/questions/712763

  •  23-08-2019
  •  | 
  •  

質問

垂直ホバーアコーディオンにはどのような jQuery プラグインが存在しますか?次のようなメニューに使用するプラグインを探しています。

  • サブメニュー項目は、カーソルを 2 秒間重ねた後にのみ展開されます (そのため、おそらく hoverIntent プラグインを使用するものになります)。
  • Javascript がオフになっている場合、正常に機能が低下する可能性があります。そして
  • マウスがサブメニュー項目から完全に離れると、サブメニュー項目が折りたたまれたり閉じられます。

ありがとうございます！

役に立ちましたか？

解決

あなたは jqueryのUIのアコーディオンを試すことができます。それは多くのオプションを持って、あなたはあまりにも、それをカスタマイズすることができます。

他のヒント

私は間違っている可能性がありますが、垂直アコーディオンを制御するためにマウスオーバーまたはマウスエンターイベントを使用することには本質的な問題があるかもしれないと思います。 本当に サブメニューがどのようになるかを知っています。

問題は次のような仮定にあります。サブメニューには項目の長いリストがあり、その下にいくつかの短いサブメニューまたは単一のメニュー項目が続く場合があります。このような：

  • メニュー
    • 1
    • 2
      • ある
      • b
      • c
      • d
      • e
      • f
    • 3
    • 4
    • 5
      • ある
      • b
      • c

したがって、#2 から #3 に移動すると、#2 が折りたたまれ、ポインターがリストのかなり下に移動します。#3、#4、#5...のすべてのmouseover/outまたはmouseenter/leaveイベントを発生させます。そしておそらくメニュー全体を通り過ぎてしまうかもしれません...物事が狂ったように跳ね回り始める可能性があります。

hoverIntent プラグインを機能させることもできるかもしれませんが、マウス クリックだけを使用する方がよりエレガントな解決策だと思います。少なくとも抽象化されたリストに関してはそうです。

ホバーアコーディオンのためにこのプラグインを見てみましょう。

ねえ、私は同じ効果を探していたと私はこれを見つけました。 http://berndmatzner.de/jquery/hoveraccordion/する

これはjqueryののデオリジナルアコーディオンでホバーを作るためにあなたに役立つかもしれません。 $("#accordion").accordion({ event: "mouseover" });

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top