ここでライブサイトを見ることができます。ドロップダウンメニューをモバイルデバイスで機能させたい。つまり、メニューをタップするとサブメニューが表示され、ユーザーがサブメニューを含むメインメニュー以外の領域をタップすると、サブメニューは非表示になります。
PS。JavaScriptはすでにヘッダーセクションに埋め込まれています。お気軽にご覧ください。
ここでライブサイトを見ることができます。ドロップダウンメニューをモバイルデバイスで機能させたい。つまり、メニューをタップするとサブメニューが表示され、ユーザーがサブメニューを含むメインメニュー以外の領域をタップすると、サブメニューは非表示になります。
PS。JavaScriptはすでにヘッダーセクションに埋め込まれています。お気軽にご覧ください。
「クリック」機能をバインドしてメニューを開いたり閉じたりしてみてください。この場合、次のクリックまで開いたままになります。
または、slideToggle関数を使用して、jqueryを使用してそれを行うことができます。
$('#jsddm > li').click(function(e){
e.preventDefault();
$(ddmenuitem).slideToggle();
})
とにかく、レスポンシブテンプレートを使用することをお勧めします。おそらく、テンプレートをすべての画面解像度に適合させるSkeleton Grid(Googleで見つけやすく、使いやすい)が最適です。見てください!乾杯マルコ