問題タブ [zurb-foundation-5]
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.
html - 高さを設定してスクロール
私は基礎を明らかにするモーダルを使用しています。
モーダルの高さを設定して画像の高さを超えないようにする方法 (CSS を使用) はありますか?長いテキストが高さを超える場合はスクロールしますか?
javascript - Zurb Foundation 5 タブが機能しない
ZURB Foundation 5 のタブを使用しています。タブをクリックすると、URL のハッシュが変更されます。
ハッシュを使用してページの読み込みを処理しているため、この動作を防止したいと考えています。
使おうとしましpreventDefaultたが、何も起こりませんでした。
これを達成する方法を知っている人はいますか？
2回目の試行は本当にうまくいきます。ただし、Ajax から読み込まれたコンテンツでは機能しません
これは私のindex.htmlです
これは私のapp.jsです
そして、これは私のsolar.htmlです
tabs - 象限レイアウトの Zurb Foundation のタブ
Zurb Foundation のドキュメントから見つけたこのコードを使用したいと思います。残念ながら、タブは水平に配置されています。私は彼らがこのように必要です -
これはZurb Foundationのタブコードとそれへのリンクです
http://foundation.zurb.com/docs/components/tabs.html#tabs-deeplink-2
html - プッシュ/プル - ファンデーション
小さな画面では最初にタイトルが必要で、次にテキストフィールドが必要ですが、中程度以上では逆に必要です-プッシュとプルを試しましたが、うまくいきません-何かアイデアはありますか?
javascript - Zurb Foundation - Abide の検証がトリガーされない
Foundation の Abide 検証を単純な静的フォームで動作させようとしていますが、エラーや応答がありません。無効な入力要素にdata-invalid属性が追加されることを期待していますが、それらは変更されていません。
Modernizr、jQuery、および Zurb ドキュメントから確認できる限り、Abide が必要とするすべての依存関係を含めました。今のところ CSS は気にしません。Abide でフォームを検証できるようにしたいだけです。
次のコードのほとんどは、Zurb Foundation のドキュメントから取得したものです。
上記の何が問題なのか誰にもわかりますか？すべての .js ファイルが読み込まれ、Chrome コンソールに 404 エラーは表示されません。
css - em-calc と rem-calc の違い
em-calcこれまで、Zurb Foundation プロジェクトで CSS サイズ定義に使用してきました。rem-calcしかし、最近、開発者がますます使用していることに気付きました 。
em-calc各関数が何をするかは知っていますが、いつorを使うべきかよくわかりませんrem-calc。
これら2つの機能の違いは何ですか?
css - li 内の画像の位置合わせ
画像を含むリストがあります。リストは、基盤の中央の列です。
リスト要素の画像がページを下るのではなく、すべて同じ「行」に配置されるようにする必要があります。
これどうやってするの？私はもう試した：
しかし、運がありません。