0

Web フォーム アプリでjQuery メニュー ウィジェットを使用しようとしています。

簡単なデモをまとめてみましたが、上記のリンクの例とまったく同じように動作します。

しかし、メニューをポップアップメニューにしたいです。ユーザーが別の場所をクリックすると、メニューが自動的に閉じます。残念ながら、jQuery UI サイトでこれについて何も見つけることができませんでした。

jQuery Menu Widget をポップアップ メニューとして使用する例を教えてください。

4

2 に答える 2

1

古いスタイルのポップアップではなく、モーダルウィンドウが必要だと思います。メニュー divdisplay: none;に CSS で値を与えて、それを表示するスクリプトを用意するだけではどうですか? Jquery では、次のように簡単に実行できます。

$("#your_div").fadeIn("slow");

はyour_divメニュー div の ID で、"slow" はアニメーションの速度です。.fadeOut()逆を達成するために呼び出す関数です（メニューが消えます）。

ユーザーが他の場所をクリックしたときにメニューを非表示にする場合は、画面と同じ大きさの透明な div を作成し、.fadeout()この非表示の div をクリックすると関数がトリガーされるようにします。

于 2012-12-04T03:15:23.007 に答える