問題タブ [slicknav]

Slicknav メニュー ボタンを中央揃えにしたいのですが、どうすればよいかわかりません。CSSの編集に何日も費やしましたが、役に立ちませんでした。また、ページの上部に固定したくありません (その上にソーシャル メディア ボタンを配置した div を配置したい) が、prependTo プロパティを「body」以外のものに編集すると、メニュー全体が消えます。

私はたくさんの答えを見つけました（ほとんどはワードプレスに関するものです）が、まったく役に立たないものはありません. 私はcss/jqueryを初めて使用するので、手を握る必要があります。これを試してみましたが、機能しません。同じページで複数のバージョンの jQuery を使用できますか?

私のコードはここにあります：

ページの 2 つの要素にソース コードを使用しました。1 つは jquery-1.7.2.min.js を呼び出し、もう 1 つは jquery-1.9.1.min.js を呼び出します。

1.7.2 はレスポンシブ ナビゲーション バーを制御し、1.9.1 は画像カルーセルで使用されます。現時点では、カルーセル バージョンがナビゲーション バーを無効にします (消えます)。

この競合を解決する方法はありますか?

提案されたマークアップを使用して、SlickNav をサイトに正常に実装できました。

特定のブレークポイントで、ナビゲーションを非表示にしてから SlickNav を表示します - すべて問題ありません。

私が立ち往生しているのは、出力されたコードで、.slicknav_menu が他のすべての上 (本体のすぐ下) に表示され、.js のどこにロゴの div を含めることができるかわかりませんか?

望ましい効果:

http://oi60.tinypic.com/2egcpky.jpg

私たちはウェブサイトを開発しています: http://2mholdings.squaresystem.co.uk/ .

これはレスポンシブ Web サイトであり、「slickNav」と呼ばれるモバイル メニュー用の jQuery プラグインを使用しています。
Blackberry 10 デバイスを除くすべてのデバイスで確実に動作することがわかりました (他の Blackberry は問題なく動作します)。

問題は、Blackberry 10 ユーザーがメニューを選択してドロップダウンに移動したり、クリックして他のページに移動したりできないことです。
これをテストするための Blackberry 10 デバイスもオフィスにないため、さらに面倒です。

誰でも助けたりアドバイスしたりできますか？

Web サイトに Slicknav プラグインを実装しようとしていますが、js が読み込まれていないか、それによって定義された必要なアクションが適用されていないようです。SlickNav の Web サイトで指定されているように、ナビゲーションの HTML コードのみを使用してライブデモを用意しました。

デモに追加されているのは、HTML コード、nav を実行するためのスクリプト、それを動作させるための js および css ファイルのみです。編集者の Web サイトで指定されています。

HTML

html ファイルのスクリプト部分:

Js と Css のリンク

ウェブサイトの slicknav-menu と top-part の 2 つの要素の間のスペースを削減しようとしています。

以下はcssコードです

ここにいくつかのhtmlコードもあります。背景にバナーがあり、上部のリンクと現在ページの中央にあるテキストの最初の要素の間のスペースを減らそうとしていますが、それを引っ張りたいです上

SlickNav jQuery プラグインを使用していますが、ぼかしまたはフォーカスが失われたときにメニューを自動的に閉じることがデフォルトで設定されておらず、その設定がないようです。

次のような単純な呼び出しだと思いました。

しかし、これは何もしません。メニューの外側をクリックしたときにメニューを閉じるにはどうすればよいですか?

私は自分のサイトで Slicknav を使用して、モバイル フレンドリーなメニューを追加しています。ページ アンカーにスムーズ スクロールを追加するために実行しているスクリプトがあります。何らかの理由で、子メニュー項目では機能しますが、親メニュー項目では機能しません。

これは、親メニュー項目に、子メニューを開くための何らかのクリック機能が関連付けられているためだと思います。私はjQueryが苦手で、これを回避する方法がわかりません。

スクロール効果を追加するために使用しているものは次のとおりです。

Slicknavメニューを開いたり閉じたりするときのSlicknavのラベルを変更しようとしています。

jsfiddleでは、こちら。デフォルトの状態にはラベルを閉じ、開いた状態には別のテキストを使用しました。別のテキストが必要です。

通常の状態では次のようになります。

私は基本的なものを使ってみましたが、この非常に単純なJavaScriptを台無しにしているように感じます。

どんな助けでも大歓迎です！