問題タブ [zurb-foundation-5]

Zurb Foundationtableが多くのコラムで修正を行っているかどうか疑問に思っていました。どうやら、3 列から 6 列tableまでは応答するようですが、私のテーブルには 12 列あります。そして、フレームワークがスクロールバーをテーブルに配置すると思いました。

しかし、私の問題はそうではないということです。では、水平スクロールバーをに配置tableするにはどうすればよいですか? 親 (私の場合は a div)の水平方向の境界に達したときに、テーブルにスクロール バーを表示したいと考えています。

しかし、うまくいきません。scroll bar代わりに親に入れようとしdivます:

そして.....それは動作します。しかし、widthは〜100px長くなります。

誰かがこの問題で私を助けることができますか? Zurbs Foundation フレームワーク内のソリューションを探していますが、フレームワーク外に別のソリューションがある場合は、引き続き歓迎します。

ありがとう。

さまざまなデバイスでさまざまなヘッダーの高さに対応するために、magellan のオプションまたは css 内でさまざまな fixed_top 値を定義するにはどうすればよいですか? 私のヘッダーの高さは、中サイズの 60 ピクセルから大サイズの 120 ピクセルまでさまざまです。

Magellan のオプションのインラインの性質は、メディア クエリ内でこれを変更するために使用するすべての css よりも優れています。

また、交換を試みて、値を無駄に交換しました。

何らかの理由で、 AngularJS、Foundation、およびAngular Foundationライブラリng-clickを使用するドロップダウン メニューでディレクティブが呼び出されません。リンクをクリックしても機能しませんが、現在は作業に関心があります。ng-click

以下のコードでは、リンクTOP-LEVELをクリックすると、ナビゲーション バーで機能します。ただし、ユーザー名をクリックしてドロップダウンが表示されると、表示される [ログアウト]リンクをクリックしても何も起こりません。コンソールなどに警告はありません。

アプリはルート HTML 要素に設定されています。

コントローラーは body タグに設定されています。

HTML

JavaScript

Foundation 5 の Abide 検証機能をターボリンクで動作させるのに問題があります。

財団のドキュメントでは、以下を使用することを提案しています。

http://foundation.zurb.com/docs/components/abide.html

ただし、ターボリンクがページを変更したときにこれをトリガーする方法がわかりません。

ターボリンクのドキュメントから、次のことができるようです。

https://github.com/rails/turbolinks

Foundation リフローを Turbolinks "page:change" で動作させる方法がわかりません。

何か案は？

ここでの助けはいくらでも素晴らしいでしょう、私は機知に富んでいます。私はこれを約9時間理解しようとしています。

Zurb Foundation を使用して構築した完成したサイトがあります。追加の JavaScript がいくつかありますが、そのための適切な js ファイルがあります。

サイトをwordpressサイトに変換するために、index.php、footer.php、およびheader.phpを追加しました。ただし、テーマをインストールすると、js、css、および画像に関してすべてのリンクが壊れます。どんな種類の助けも大好きです。

完成したサイトは次のように表示されます (コードは同じではありません): http://brookeseggleston.tribaldroid.com/zfbrookeseggleston/index.html

しかし、現在は次のようになっています: http://69.195.124.159/~brooket7/

ありがとうございました！

私のジョイライドはうまく機能します。ページのロード後に開始されます。停止ボタンをクリックするか、ツアーを終了すると停止します。私の再起動リンクは、ジョイライド ツアーを再開します。それだけ...

Joyride 設定を追加すると、cookie_monster: true訪問のたびにツアーが再開されなくなります。良い！残念ながら、再起動リンクが機能しなくなります。動作は理にかなっています。start 関数は、ページの読み込み時に呼び出されたのか、リンクから呼び出されたのかわかりません。リンクは他の方法を使用するか、Cookie チェックをバイパスするように設定する必要があります。

cookie_monster初回のみ表示するデバイスによって非表示になった後、ユーザーがジョイライドを開始できるようにする魔法を知っていますか?

本文のマークアップ:

Javascript:

ファンデーションを使って中央にロゴの入ったナビを作ろうとしています。

そう：

これが私のフィドルです

nav タグの下にあるすべての nav 要素とロゴを分けておきたいと思います。プッシュ/プル クラスを使用して整列させます。問題は、コード内の同じ行にあるにもかかわらず、機能していないことです。なんで？