問題タブ [zurb-foundation]
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.
ajax - zurb Foundationで、「reveal」ポップアップ内に1つのフォームを挿入できますか?
また、ポップアップとポップアップを呼び出したページの間でデータを送信するにはどうすればよいですか? zurb Foundationのポップアップ「reveal」内でユーザー登録用のajaxフォームを作成したいと思います。可能だと思いますか?
javascript - 初期化関数を Orbit スライドショーに渡す方法はありますか?
元の問題は解決しましたが、もっとエレガントな解決策があるかどうか疑問に思っています。Foundation の Orbit を使用してスライドショーを作成しています。これは単純なスライド ショーではなく、各スライドにデータ キャプションが定義されているスライド ショーであり、このデータ キャプション内にモーダル ダイアログをロードする必要がある HTML があります。
Foundation を使用している場合は、Reveal ライブラリを使用してモーダル ダイアログを表示することをすぐに考えます。(これらは要件です。)問題は、データ キャプションの要素が、次の元の初期化呼び出しの影響を受けないことです。
$("a[rel^='prettyPhoto']").prettyPhoto();
私がしなければならないことは、ロードされたときに各データキャプションを確実に初期化することです。さて、ここで問題です。afterSlideChange イベントを使用してスライドのトランジションでこれを解決しましたが、問題は最初のスライドです。表示される最初のスライドに対してこのメソッドを呼び出す必要があります。
この問題を解決するコードは次のとおりです。
そのコードを複製せずにこれを行うより良い方法はありますか? 自分の「initializeSlide」イベントを定義する必要がありますか、それとも私が見逃している答えがありますか?
image - 画像と重なるZurbOrbigスライダーコンテンツ
これはグリッド内の単一の画像であり、他のすべての画像の上に表示されます。正直なところ、理由はわかりません。助けが必要です。
これは、ページの読み込み中にのみ発生するものです。
Zurb Foundation Orbitスライダーを使用していますが、ページには次のようなセクションがあります。
スライド部分の設定を担当するJavaScriptは次のとおりです。
私が得るのは常に、最初のグリッドの2番目の画像が2番目のグリッドの2番目の画像に置き換えられていることです。つまり、ページをロードすると、nAppIconが表示されず、代わりにツールチップアイコンが表示されます。
次に、スライダーの矢印をクリックしてナビゲートすると、これがすべて消え、すべてのアイコンが永久に適切な場所に表示され、重ならないようになります。
jquery - jQuery Isotope の使用時にモーダルの位置が間違っていることを明らかにする
私はいくつかのプロジェクトでこの問題を抱えています。どちらの場合も、jQuery Isotope を Zurb Foundation と組み合わせて使用し、具体的にはモーダルを表示するための Reveal プラグインを使用しています。
モーダルで起動されたビデオでは、予期される動作のように、全画面オーバーレイの中央に表示されるのではなく、誤った z-index があり、親コンテナーに対して何らかの形で配置されているように見えます。また、オーバーレイの上に、後続のアイテムのいくつかがまだ表示されています。同位体が導入されるまで、オーバーレイは正常に機能していました。
「animationEngine: jQuery」を追加して、CSS トランジションが使用されないようにしました。
この時点で困惑。どんなアイデアでも歓迎します、ありがとう。
sass - コンパスを使用した zurbfoundation-sass の構成 - どのように機能させ、プロジェクトで使用するのですか?
私は sass と zurb の基盤を初めて使用し (過去にコードキット経由でブートストラップ/レスを使用したことがあります)、sass バージョンを使用しようとしましfoundation-sass
たが、正常に構成できません - zurb の gem を使用してコマンドラインを使用するか、コードキットを使用して。
宝石を構成する場合:
財団は、すべての基盤コンポーネントをロードする限り機能します
@import "ZURB-foundation";
しかし、コメント
@import "zurb/buttons";
を外してコンポーネントを個別にロードしようとすると、エラーが表示されます:"Undefined variable: "$default-color"
- しかし、変数と mixin ファイルはどこにあるのでしょうか?また、apps.scss を使用してすべてをオーバーライドすることなく設計をカスタマイズできるように、基礎となる scss ファイルはどこにありますか?
別の方法で Mac アプリケーション コードキットを使用しようとすると、次のようになります。
- /zurb/ ディレクトリが存在しないというエラーが表示されます (存在しません) - これは上記のポイント 3 に関連しているようです - 新しいコンパス基盤プロジェクトを作成すると、どの基盤ファイルも存在しないようですプロジェクト フォルダー。
次に、github 経由でfoundation-sass をダウンロードすると、次のようになります。
すべてのファイルは、scss ではなく sass 形式です。
また、コンパス mixin を呼び出したままに変更することはできますが、オリジナルを変更せずに Foundation のスタイルシート ファイルを変更するにはどうすればよいでしょうか? またはファイルを編集する必要があるのでしょうか?
すべてがどのように組み合わされるかについて私が理解している情報が見つからなかったので、ここの誰かが知っていることを望んでいました.
私はこれをRubyプロジェクトで使用していません-純粋にフロントエンドの作業のために物事をセットアップしようとしています.
どんな助けでも大歓迎です。
乾杯
ベン
html - zurb 基礎でネストされた列を中央に配置しようとしています
私はZurb Foundationを使用しており、ネストされた列を中央に配置しようとしていますが、理由を理解できないため、中央に配置していません。誰かこれに光を当てることができますか?!
ありがとう!
html - 応答性の高い「グリッド」?
私には、応答性を高めるためにWebサイトを「改造」するといううらやましい仕事があり、ZurbFoundation980pxグリッドが与えられています。既存のサイトをこれにどのように適合させるべきかについて少し迷っています-要素を新しいグリッドに揃えるために完全に再設計する必要がありますか?サイトが比例してスケーリングし、特定のブレークポイントで一部の要素を非表示にし、他の要素の新しいcssをロードすることを理解していますが、それは私が得られないグリッドです。
jquery - Bootstrapscrollspyは奇妙に動作します
こんにちはimFoundationフレームワーク内でBootstrapScrollspyを使用しています。
これまでのところ、scrollspyを機能させることができましたが、期待どおりではありませんでした。
scrollspyは、ナビの状態を正しく変更しますが、指定されたdivでは正確には変更しません。
scrollspyがnaviを変更する必要がある最初のdivコンテナーは正常に機能しますが、次のコンテナーへのオフセットが増加し、最後にscrollspyがdivの上ではなくノーマンズランドの状態を変更します。
サイトが読み込まれると、scrollspyは最初ではなく最後のナビゲーションエントリを表示しますか?
パーセンテージベースのレイアウトだと思います。どう思いますか?
ここで開発ページを見つけることができます:
http://dekonstruktiv.ch/static_sheggendorn/
助けてくれてありがとう
html - カスタマイズ可能なナビゲーション/トラブルシューティング
HTML5 とコーディング全般に関しては、私は完全な初心者です... Zurb Foundation を使用してプロトタイピングを行っており、次のコードをナビゲーションに使用しています。寸法が縮小された場合 (ブラウザの縮小やモバイルでの起動など)、テキストの代わりにボタンが表示されるように機能します。
唯一の問題は、ナビゲーションを左上に配置したロゴと同じ行に並べて、互いに水平にレイアウトしたいということです。現在、ナビゲーション要素は単純なリンク テキストとして互いに積み重なっています。これはスタイルシートの編集可能な特性ですか? どこから始めればよいか、またはカスタマイズ可能なナビゲーションに必要なコードについて何か提案はありますか? モバイル版の ul クラスは基本的に私のコードを台無しにしていますか? (外してもフルサイズ版は変わらない…) ありがとうございます!これまでのところ、検索してもあまり成果が得られませんでした...