問題タブ [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 - 変なポジショニングトップバーズルブファンデーション5
こんにちは皆さん、私が取り組んでいるサイトが機能していて、トップバーにランダムに再配置されましたが、その理由はわかりません. 以前はすべて問題ないと思っていましたが、最近このサイトを見たところ、たまたまページ上部のナビゲーション バーとウィンドウ URL の間に奇妙なスペースがありました。誰かがそれを調べて、これを引き起こしている原因と、迅速または簡単な修正があるかどうかを理解するのを手伝ってもらえますか. サイトはwww.omegadesignla.comです。ご 協力をお願いいたします。
ruby-on-rails - フレームワークのインストールと競合する Sass gem
Foundation 5 をセットアップしようとしていましたが、正しくインストールできないいくつかの問題があるため、Neat に切り替えました。トラブルシューティングを行ったブログの 1 つで、sass gem を削除して再度インストールするように指示されました。今はNeatをセットアップすることさえできないので、私は長い道のりで何かを壊しました。
これは bundle update sass を実行した後です。もう一度きれいな環境を手に入れようとしているだけなので、Neat フレームワークをセットアップしました。
Foundation を廃棄する前に行った最後のトラブルシューティングの試みは次のとおりです: https://github.com/zurb/foundation/pull/5651
html - 私のサイトのバグを修正する方法
そのため、奇妙なアンカー要素が生成されており、それを取り除くことができません。:before および :after 要素が何らかの方法でランダムに生成されているように見えますが、何が原因かわかりません。コードは問題ないようです：
私はいくつかのコードを切り取りましたが、その要点です。詳細については、 http://new.omegadesignla.com/courses/socialScience.phpの要素を調べて、最初の 2 つのアコーディオンに余分なアンカーが表示されていることを確認してください。ありがとう。
javascript - これを行うより簡単な方法は？- CSS/JS
ホバー効果がカーソルとともに移動するシンプルなメニューを作成しましたが、プロセスをさらに自動化する方法があるはずだと感じています。現在、幅と左余白にピクセルを手動で配置して、メニュー内のテキストの量に基づいて、ホバー効果の大きさと場所を示しています。
HTML
CSS
JavaScript
例: CodePen リンク
メニューに別のタグを追加するaと、完全にめちゃくちゃになります。このようなシンプルなメニューには多くの作業が必要なようです。
jquery - 競合なしのワードプレスでZurb Foundationを使用する
現在、ファンデーションと _s を使用してカスタム テーマを開発しています。いくつか質問がありました。このチュートリアルに従いました。
私の唯一の懸念はjqueryです。一部のフォーラムでは、jqueryの登録を解除してから別のものを登録する必要があると言われていますそれ。この場合の適切な練習は何ですか？一時的な解決策を探しているわけではありません。このテーマを将来的に問題や破損なしに更新したいと考えています。
ノンコンフリクト方式の場合。foundation.js という名前のファイルを作成し、このコードを使用して functions.php ファイルにエンキューしました。
これは正しい方法ですか？
html - Foundation5 グリッドを相互に整列
私は 1 つの問題にあまりにも長く取り組んできましたが、適切な解決策が見つかりませんでした。現在、foundation5 フレームワークでグリッド製品ディスプレイを使用していますが、製品を相互に調整するための適切な jscript または css コードが見つかりません。現在の外観は次のとおりです。
私は少なくともこのように見える必要があります:
小さなウィンドウの上にある空白スペースを埋めるために、下に大きな製品ウィンドウが必要です。誰かが助けてくれることを願っています、ありがとう！
javascript - カスケード アバイド フォーム
私は遵守データバリデーターを使用しようとしていますが、ほとんど成功していません。私はそれを機能させることさえできません。必要なすべてのjavascriptが呼び出されるメインページ(foundationとfoundation.abideを含む)があり、このページでは、ユーザーの操作で、ユーザーがログインまたは登録できるように「スライドダウンポップアップ」を呼び出します。
その「ポップアップ」では、html は次のようになります。
私のjavascriptは次のようになります:
そして、フランス固有のバリデーターと呼ばれる別のファイルがあります。
誰かが私を助けることができますか？
jquery - Foundation Modal の半透明の背景が途切れる
さて、ここにデモサイトがあります: http://hayati.yahyauddin.com/
モーダルを表示するには、製品にカーソルを合わせてズーム ボタンをクリックし、製品のクイック ビューを表示します。
下にスクロールし続けると、灰色の半透明の背景が停止することがわかります。この問題は、画面サイズに関係なく発生します。
これはなぜ起こり、どうすれば修正できますか?
注: この問題は、財団の Web サイトでは発生していないようです: http://foundation.zurb.com/docs/components/reveal.html