2

Foundation 4 のトップ バーのデスクトップ バージョンをモバイル バージョンではなく iPad に表示したいクライアントがいます。サイトにはいくつかのセクションしかないため、これは問題ありませんが、各セクションにはサブページがあるため、ナビゲーションには各リンクのドロップダウンが表示されます.

ブレークポイントを変更したところ、iPad でナビゲーションが正常に表示され、親リンクをタップするとサブメニューが表示されます。ただし、ドロップダウンが開いていると、ドロップダウンを閉じることができません。画面がドロップダウンを点滅させ、その後再び表示されます。

ドキュメント本文の他の場所でのクリックをキャッチし、表示されているサブメニューを非表示にする JS を追加しようとしましたが、機能していません。それをオーバーライドする.jsですが、これを引き起こすコードの他の場所も考えられません。

これらのデスクトップ バージョンのメニューを iPad でうまく動作させた経験がある人はいますか? そして、「iPad はモバイル デバイスです。機能するモバイル ナビゲーションを使用する必要があります」と言う前に、クライアントにそのことを納得させようとしましたが、彼らはそれを受け入れませんでした :/

4

1 に答える 1

0

最も簡単な解決策:

if (Modernizr.touch) {
  $('.top-bar-section ul li .parent-link.js-generated').show();
}

Foundation は、モバイル メニューのドロップダウンに表示されるトップ レベルのナビゲーション項目を既に準備しています。これは、iPad などのタッチ スクリーンのデスクトップ バージョンのメニューでも使用できます。

アンドレア

于 2013-10-12T09:15:14.310 に答える