問題タブ [zurb-foundation]

私はここで小さな問題を実行していますが、解決策が見つからないので、ここで助けを求めます。私はウェブサイトを構築していて、基本レイアウトとしてFoundationZurbを使用しています。ページヘッダーにdemo/demo123としてログインすると、アバター画像が表示され、プロファイル、ログアウト、ユーザー名に移動するためのリンクがいくつか表示されます。これらのテキストを画像の前で右に揃えて、このコードを修正する必要があります。たぶん私のマークアップは醜いので、このトピックに関する提案を受け入れます。テスト目的で、複数のユーザーで試すことができます。

どうしたの？

私はRailsを学び始めており、Zurb Foundationフレームワークを含めたい新しい3.2.8プロジェクトを作成し、将来のフレームワークの更新（パッチと新しい「機能」）をできるだけ簡単にしたいと考えています。たぶん、'gem install xx' を実行してから、さらに先に 'gem update' を実行するのが最善でしょう。

https://github.com/zurb/foundation-rails (Foundation 2 用) に出くわしました。「現在の zurb-foundation gem は現在、https://github.com/zurb/foundation でホストされています。 " - しかし、そこには Foundation 3 の宝石が見つからないようです。

これが初心者の質問である場合は申し訳ありませんが、どこかから始めなければならないと思います:-)

誰でも助けてもらえますか？

Zurb Foundation フレームワーク (2.0) を使用しており、リンクにツールチップがあります。

デスクトップでは問題なく動作し、マウスオーバーでツールチップが表示され、リンクをクリックして someFunction をトリガーできます

ただし、タッチデバイスでは、クリック/タブでツールチップが表示されます。しかし、その方法では、onClick イベントと someFunction をトリガーできません。

どうすればこれができますか？

A 要素のボーダートップを設定するのに助けが必要です。ここでわかるように、A スタイルの要素であるボタンには

絶対に配置し、上から下に移動して動作を実現しますが、これはこのボタンで機能します (幅: HR の 85% に注意してください)。ただし、すべてのサイトの残りのボタンで同じ動作が必要な場合は、このアプローチを使用します幅が85％になると機能しません。だから私の質問は: A 要素のボーダートップを設定する同じ動作を取得することは可能ですか? 境界線の上部はメイン ボタンと同じ幅にする必要がありますが、お気づきかもしれませんが、0 5px のパディングを残してください。

事前に感謝と乾杯

zurb Foundation 3に固定列グリッドを実装するにはどうすればよいですか？現在、財団のグリッドは流動的であり、パーセンテージに基づいています。ブートストラップ（非流体）グリッドに似たものを実装したいのですが、グリッドの表示方法には4つの可能性しかありません（少なくとも、流動性のあるモバイルに落ちるまで）

ファウンデーショングリッドの機能（およびセマンティクス）を維持したいので、単純にブートストラップグリッドと交換したくありません。

これは純粋な「レスポンシブ」グリッドの理論に反することを私は知っていますが、現実世界のクライアントとその要求に対処することで、予測可能なグリッド動作の有限セット（適応グリッド？）を持つことに傾倒しました。

jQueryで「アクティブ」に等しいクラスセレクターでnth-childパラメーター値を取得するにはどうすればよいですか?

これが論理的かどうかはわかりませんが、nth-param 値で現在選択されている dd 要素のリストを特定したいと考えています。

このコードは、実際には Foundation の Vertical Tabs からの垂直タブのループです。

動的に取得されたデータを含むタブのリストがあります。また、下部に新しいグループを追加する静的タブがあります。動的に生成されたタブからタブをクリックすると、値が「アクティブ」のクラスが追加されます。静的タブをクリックすると、モーダルが開き、モーダルをキャンセルすると(モーダルはFoundationのRevealにもあります)、静的タブをクリックする前に、選択したタブをアクティブなタブに戻す必要があります。

私のjQueryには次のものがあります：

x が選択されたタブの n 番目の子である、以前に選択されたタブに戻ります。

本当にありがとう！

私はこのようなロケーションピッカーを実装しています：http： //m.rhinvivant-lebendigerrhein.eu/geopick.php？raz = 1

しかし、自分の環境にコードをロードすると、ページをロードした後、ロケーションマーカーが突然小さくなり、押しつぶされます（画像1を参照）。次に、マーカーをドラッグすると、さらに小さくなります（画像2を参照）。

誰かがこのようなものを見たことがありますか？これを回避する方法や、どのような間違いをしたかについてのヒントを得るのに役立ちます。

つまり、マーカーのサイズを修正するにはどうすればよいですか？

私のコードは次のようになります：

私はフォームを持っています、それはうまくいくようで、十分に検証されました。今はそうではないようで、その理由がわかりません。主に私は専門家ではないからです。

私は Zurb Foundation を使用してサイトを作成しましたが、残りの部分はすべてうまくいっているように見えますが、jQuery の検証を取得できれば、それは素晴らしいことです。

どこから始めればよいか、または他の人が私を助けるためにどこから始めればよいか知っている人はいますか?

Rails プロジェクトで初めて Foundation を使用します。以前は、Bootstrap のみを使用していました。

http://foundation.zurb.com/docs/gem-install.php#simple2で説明されている手順に従いましたが、単純なナビゲーションを作成できません ( http://foundation.zurb.com/docs/navigation .php )。

一部のスタイルは適用されますが、完全には適用されません (たとえば、黒ではありません)。

自動インストールと手動インストールも行いました。面白いことに、いくつかのスタイルが機能します。たとえば、スタイル「ボタン」をリンクに適用すると機能します。

私は多くのことを試しました。何か案は？

私は自分の Web サイトで Foundation フレームワークを使用しており、現在は Sequence スライダーを実装しています。これは問題なく動作しますが、次の Foundation JS ファイルをヘッドでアウトコメントした場合にのみ機能します。

ただし、財団の他の機能については、これらのファイルが必要です。他の誰かが以前にこの問題を抱えていて、解決策を見つけましたか? 問題がどこにある可能性があるかについて、誰かにヒントを教えてもらえますか?

firebug で見ると、コンソールに次のように表示されていることがわかりました。

これは、ドキュメントの準備ができたらコードを開始するために頭に入れている JavaScript の一部です。