問題タブ [zurb-foundation-6]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
responsive-design - Foundation 6 データレスポンシブ メニュー パラメータ
wordpressに統合されたFoundation 6を使用してレスポンシブナビゲーションを構築しています。小さな画面でドリルダウン プラグインをトリガーするために、data-responsive-menu 属性を使用したいと思います。簡単。問題は、他の画面サイズで他のプラグインを使用したくないことです。ドキュメントには、次の例が示されています。
ただし、これにより、小さな画面ではドリルダウン プラグインがトリガーされ、大きな画面ではドロップダウンがトリガーされます。「ドリルダウン」オプションまたは「小規模ドリルダウン」のみを使用すると、すべてのメディア クエリが対象になります。show-for-small-only と show-for-medium-up を使用して、wp_nav_menu の 2 つのインスタンスを呼び出すことができることはわかっていますが、2 つの等しいメニューを出力せずにこれを達成できるかどうか疑問に思います。
zurb-foundation - Foundation6 レスポンシブ ナビゲーション
私のナビゲーションバーに関する助けを本当に歓迎します。私は、最も明白なセットアップと考えるものを達成しようとしています。大きな画面ではドロップダウン メニュー、小さな画面ではドリルダウン。ここにペンがありますが、そこにあるはずのない箇条書きがあり、大きな画面ではメニューが横に開きます (縦にしたい)。
zurb-foundation-6 - JointsWP / Foundation 6 トップメニュー FOUC
Foundation 6 で JointsWP を採用して以来、トップバーの FOUC に本当に問題があります。私は JointsWP と Foundation 5 を使用して約 10 のサイトを構築したに違いありませんが、問題はありませんでしたが、私が取り組んでいる 2 つの F6 サイトでは、ロード前に完全にスタイル設定されていないトップバーが数秒間あるようです。
他の誰かがこれを経験していますか?任意のヒント??
javascript - Foundation 6 グリッド プログラムによる列の削除
新しいプロジェクトで Foundation 6 を使用していて、問題に遭遇しました。グリッドがあり、列を非表示にしたい (後でもう一度表示したい)、問題は、列を非表示にすると、他のすべての列の順序が変更されないことです。jQuery で非表示にしてみました。 Foundationのhide
クラスでそれを隠すことによって(これは基本的に同じことだと思います)。必要な機能を実現できた唯一の方法は、実際に列を完全に削除することですが、後でもう一度表示する必要があるため、これはオプションではありません.
フィドルを見て、必要なものをよりよく理解してください。(いずれかのボタンをクリックした後、スクリプトを再度実行する必要があります)
zurb-foundation - Foundation 6 Reveal Modal が動的データで適切にサイズ変更されない
モーダル フォームを使用した次の基本的な Foundation 6 セットアップは機能しています。つまり、モーダルフォームが画面に表示されると、ブラウザのサイズを変更すると適切にサイズ変更されます。
コンテンツを外部ファイルに配置すると、以下の例のようにロードされます。モーダル フォームのサイズが適切に変更されなくなりました。
動的にロードされたときにモーダルフォームを適切に応答させる方法を知っている人はいますか?
zurb-foundation-6 - Foundation 6フレックスグリッド列をラップしない方法は?
ファウンデーション 6 の新しいフレックス グリッドを使用することにしましたが、ブロック グリッドで取得していたように意図した動作が得られないことに気付きました。
これは HTML であり、両方のインスタンスで使用されている同じコードです。
Flex GridとBlock Gridを使ってみた
Block Grid リンクの結果を Flex Grid で取得したいのですが、可能ですか?
F6のドキュメントを調べましたが、適切な解決策が見つかりませんでした(少なくとも私が見つけたものから)。
ありがとうございました!
css - 基礎トップバーに2つのメニューを並べる最良の方法は何ですか
右側に 2 つの個別のメニューを配置したいが、隣同士 (積み重ねていない) に配置したい。
私のために働いた唯一のこと(そして私はALOTを試しました)は、次のコードです.top-bar-rightを2回使用しています.ページがリロードされるたびに。
http://codepen.io/anon/pen/MKqzaG (ドロップダウンはここでは機能しませんが、私のマシンでは機能します。
zurb-foundation-6 - Foundation 6 offcanvas トグル ジャンプをトップに
おはようございます、Foundation 6 のトグル オフ キャンバスがページのトップにジャンプするのを防ぐ方法はないでしょうか。この動作は公式の F6 ドキュメントにも存在することに気付きました