問題タブ [zurb-foundation]

私は新しいワードプレスサイトに取り組んでおり、Foundationフレームワークを使用して構築しています。wp_nav_menuで作成されたナビゲーションのリンクにクラス「main」を追加したいと思います。最終的には、クラス「has-flyout」を他の人に追加したいと思うでしょう。これを行う方法について何かアイデアはありますか？Walkerを拡張する必要があると思います（または'items_wrap'でこれを実行できますか？）が、それはやり過ぎのようです。

現在、私は持っています：

下に情報ウィンドウのスクリーンショットを添付します。歪んで表示され、左側のサイドバーも正しく表示されません。

ここに私のgmaps4rails.cssがあります

何が問題なのですか？

ドキュメント ( http://foundation.zurb.com/docs/ui.php#nice2 ) に基づくと、事前に完全なページ コンテンツを準備して実行する必要があるようです。これらのタブをプリロードする代わりに、AJAX 経由でロードすることは可能ですか?

私は Zurb Foundation ツールキットを使用しています。これには 2 つのスタイルシートが含まれており、1 つは要素の編集と追加に使用される app.css です。以下を app.css に追加すると、インデックス ページに反映または更新されません。私が見たところ、これは非常に単純なはずですが、うまくいきませんでした。Aptana Studio 3 を使用しています。

自分の意見に問題があります。スタイルシートにzurbfoundationを使用しています。フォームに間違った入力を入力すると、フォームの上にエラーが表示されますが、エラーを含むフィールドは赤でラップされていません。これをさらに詳しく調べると、入力フィールドのfield_with_errorsdivラッパーはありません。これをさらに調べた後、f.text_fieldの代わりにf.inputを使用すると、正しいエラーラッピングが発生することがわかりました。

zurbにはtext_field、text_areaなどのスタイルがあるので、それらを使用していますが、railsからエラーdivを取得しません。これに対する良い解決策はありますか？

ここでは、正しいZurbファウンデーションのスタイルを取得していますが、field_with_errorsdivは取得していません。

ここではZurbスタイルを取得していませんが、要素はfield_with_errorsdivでラップされています。

したがって、基本的に、f.text_fieldヘルパーは、エラーを表示するためにdivクラスを提供するRailsビューメカニズムを何らかの形でバイパスしているようです。

私はzurb-foundation gemを使用していますが、今日はファンデーション3が登場しましたが、ファンデーション2を使用しています。gem リポジトリを見ると、すべてのアセット (javascripts/css/images) を保持する vendor/assets というフォルダーがあります。新しい Foundation アセットをダウンロードして、Rails アプリの vendor/assets フォルダーに配置すると、gem アセットが上書きされますか?

私は CSS の基本を知っており、最近は CSS フレームワークの使用を続けています。グリッド システムに関して質問があります。現在、zurb Foundation 3 (http://foundation.zurb.com/) を使用しています。

直面している問題は、主に行を作成するときに特定の高さを指定できないことです。グリッドシステムはそのまま使用するように設計されているように思えますが、さまざまな場所で、行の高さを変更してアイテムをそのまま配置することはお勧めできません.

私のプロジェクトには、固定の高さと幅の div を表示したいコンテンツ領域がありますが、うまくいきません。だから、誰が私に何をすべきかアドバイスできますか？以下は私のhtmlコードです

更新: html を編集しました

Javascript が機能していません。何か足りないのですか？生成された html に javascript と css ファイルがあることがわかります。ありがとう。

gemfile

アプリケーション.js

アプリケーション.css.scss

生成コード

私がやろうとしていることを説明する長い投稿がありましたが、それは必要ではないと思うので、これを簡単にします。ZurbFoundationがDatatablesと連携できるように取り組んでいます。ドロップダウンメニューを除いて、それはかなり簡単でした。私はこれをjs初心者として機能させるのに少し苦労しました。Foundationドロップダウンの一般的な構文は次のとおりです。

問題が発生したのは、ULをクリックするとテーブルの長さが発生するようにイベントリスナーが起動するため、テーブルの長さが以前に選択した長さで更新されることです。FoundationJSはULLIを更新するものであるため、FoundationがクラスをLIに適用する前にコードが実行されるため、変更を検出するすべての試みが機能しません。

したがって、テーブルを更新するには、いずれかのオプション値の変更を検出する必要があることは明らかです。

またはLIで

.change（）関数を上記にチェーンして値の変化を検出しようとしましたが、エラーが発生します。私はここでかなり迷っています。私はこれを解決するためにかなりの時間を費やしました。

編集：明確にするために、私がやろうとしているのは、ドロップダウンが選択されたときに正しい値を取得することです。値を取得しましたが、選択したばかりではなく、以前に選択したものです。Foundationの仕組みのせいで、グリーンベルトのjQueryスキルでそれを行うのに苦労しています。

ありがとう。

Rails3アプリでファンデーションを使用したいのですが、フォームとグリッドのみを使用します。

私がそれを追加する@import "foundation";と、すべてが機能します。

しかし、使用する@import "foundation/forms";と次のメッセージが表示されてクラッシュします。

一部の設定が欠落しているようです。

これを経験したことがある人はいますか？

前もって感謝します！