問題タブ [slicknav]

テーブルトップゲームのRPGサイトをデザインしています。

私は新しい開発者で、サイトはほぼ完成しています。モバイルメニューが必要です。

サイトのモバイル画面サイズ部分で Slicknav を稼働させています。

メニューはネストされた順序付けられていないリスト構造であり、多くの onclick イベントがあります。製品へのリンクタグを持つほとんどのメニューとは異なり、私のメニューにはウェブサイトのさまざまな部分へのリンクがいくつかあります. メニュー項目はほとんどがテキストで、クリック イベントに応答し、表示ウィンドウにテキストで div をフェードインします。

サイトのさまざまな部分へのリンクは正常に機能します。SLicknav が実際に設計されているのはそのためだと思います。ただし、リンク アイテムの Click イベントは無視されます。

これは正常に動作するコードのサンプルです

このコードは正常に動作しますが、画面サイズを縮小すると、クリック イベントで SlickNav メニューがポップアップしなくなり、メニューを表示する目的が少し損なわれます。

開発は初めてですが、私の最善の推測では、slickNav jscript は、順序付けられていないリスト構造で見つかったテキストを取得してメニューに吐き出すだけですが、これはもちろん、元のテキストノードに添付されている ID やものを削除します。

しかし、おそらく、より専門的な人がこれに光を当てることができます.

Slicknav スクリプト ファイル全体も含めます。

私はコーディングが初めてで、理解が限られています。ただし、プラグインの作成者によると、モバイル画面サイズには Slicknav を使用しています。

「SlickNav メニュー項目は動的に作成される」ため、委任されたクリック イベントを使用するか、SlickNav の作成後にイベント ハンドラーをアタッチする必要があります。 私のSlickNavの投稿

これについて助けが必要です。Thisに従って、委任されたイベントを作成してみました。

これは、「直接」イベントハンドラーである元のコードです（私は思います）

ところで、私のコードがやろうとしているのは 1 です。コンテンツの表示ウィンドウであるコンテナをクリアします。そして 2. クリックされたメニュー項目に基づいて、そのウィンドウに正しいコンテンツを追加します。

委任されたイベントでの私の試みは次のとおりです。

.on() を .delegate() に置き換えてみましたが、ダイスはありません。

cick イベントが呼び出している関数を含め、完全を期すために

編集：メニューにHTMLを提供

slicknavのメニュー メニュー ボタンを中央に配置したい。試してみましたが、何も機能しません。左に揃えることはできますが、中央に揃えることはできません。

サンプルマークアップはこちら

とjs

ここにcodepenリンクがあります http://codepen.io/anon/pen/oLWpao

サイトに slicknav レスポンシブ メニューを追加しようとしましたが、表示されません。ホームページの指示に従いました。

私のhtml

そしてcss

すべての js は、このようにページの下部に読み込まれます

これがJSFiddleの私のコードですhttps://jsfiddle.net/w1gudnn8/

トランジションのあるモバイルメニューを作成しました。私は洗練されたナビのモバイルメニューを使用していますが、モバイルメニューアイコンがiPhoneに表示されず、他のすべてのデバイスが完全に機能します。

これは私のプロジェクトです c2ma.it-/-pt-/- URL から削除してください。その画像の後ろにアイコンが隠されている理由を見つけることができません。見つかりませんでした。同じ内容で返信してください。

モバイルメニューアイコンを表示するためにcssの下に追加しました

通常、Android ではこれが表示されますが、iPhone では表示されません