問題タブ [gumby-framework]

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.

0 投票する
0 に答える
233 参照

javascript - ガンビーだけでアコーディオンを作る

Gumby のドキュメントによると、Gumby で提供されているトグルとスイッチを使用して、アコーディオンを作成できます。どうすればこれを行うことができますか (2 つ以上の「引き出し」を持つアコーディオンの場合)。

0 投票する
2 に答える
162 参照

javascript - 画像にフルスクリーンを適用する方法

このガンビーのサンプルサイト : http://tiltingpoint.com/#/

ブラウザの幅と高さを変更すると、上部の赤い画像を制御できます。

articleタグの「フルスクリーン」でやられていると思います。

ブラウザの高さを変更すると、このソースに高さスタイルが追加されました。私はそれを理解しました。

しかし、それがどのように機能するのか理解できず、具体的な説明が見つかりません。

ブラウザの幅と高さの変更に合わせて画像キープアスペクトを変更する方法を教えてください。

0 投票する
1 に答える
91 参照

css - 高さが 1 ピクセルの列

Gumby フレームワークグリッドを使用していますが、列に問題があります。次のコードがあります。

次の SCSS を使用します。

「8 列目」と「3 列目」は正しく表示されますが、「1 列目」にはコンテンツが含まれているにもかかわらず、高さが 1 ピクセルしかありません。これが起こる原因は何ですか?

0 投票する
1 に答える
60 参照

javascript - サブリンクに移動するとき、ナビゲーションのロールオーバーは同じ色にする必要があります

ドロップダウン ナビゲーションを追加する必要があるプロジェクトがあります。私は GUMBY を使用しており、ドロップダウンを追加しました。

私が抱えている問題は、各メイン ナビゲーション リンク (サブリンクのドロップダウン) をロールオーバーすると、サブリンクの上にマウスを移動すると、メイン ナビゲーションの色が元に戻ることです。マウス アウト イベントのスタイルを設定しようとしましたが、うまくいきません。

サブリンクにマウスオーバーしたときに、メインのナビゲーション リンクを同じ色に保つにはどうすればよいですか?

http://ffresearch.com/who-we-are-dropdown.html

0 投票する
1 に答える
20 参照

css-frameworks - Gumby2 で .container の代わりに使用するもの

Gumby2ではcontainerクラスに次のコメントが付けられます。

私が望むのは、画面の中央にある中央のコンテナ クラスを持つことだけです。このコメントをフォローする方法が正確にはわかりません。では、Gumby 2.6 でそのようなコンテナ クラスをセンタリングするための提案された方法は何ですか?

0 投票する
3 に答える
895 参照

npm - npm でクレイメイトをインストールできません。エラー: 互換性のあるバージョンが見つかりません: bower-config@'>=0.2.0 <0.3.0'

npmでclaymateをインストールしようとしていますが、成功しません。それは私に与えます:

手がかりはありますか?

ありがとう!

0 投票する
1 に答える
268 参照

javascript - Gumby - URL でモーダルをトリガーする

ホームページにガムビーモーダルが定義されています。特定の URL を使用してモーダルを起動したいと考えています。/home#modal_trigger にリダイレクトすると、/home ページにリダイレクトされ、モーダルが自動的に起動します。

0 投票する
0 に答える
97 参照

javascript - ガムビーの複数のトグルが同時に実行される

ガンビー フレームワーク、特にトグルとスイッチに問題があります。複数のトグルを使用できません。他のトグルを呼び出さずにトグルを呼び出すにはどうすればよいですか? 例は次のとおりです。

それから私は別のものを持っています

ボタンのクラスをtoggle1とtoggle2に変更してみましたが、うまくいきません。私はたくさんグーグルで検索しましたが、うまくいきませんでした。1つを呼び出そうとするたびに、もう1つのトグルも呼び出されるため、AJAXコードがすべて同時に実行されます。ガムビーでは、通常のjqueryを使用しているようです

ここで行ったのと同じように、javascript onTrigger 関数を使用する必要があるため、適用されません。どうすればこれを行うことができますか?

ちなみにこちらもhtml

私は本当にこれに問題があります。誰かが私を助けてくれますか?

0 投票する
0 に答える
51 参照

ruby-on-rails - Rails は、gumby-framework の gem アセットを見つけることができません

Cloud9 と Ruby on Rails のローカルにインストールされたバージョンを使用しています。「gumby-framework」と「modernizr-rails」の gem//= require modernizrをインストールしましたが、applications.js に追加すると、それらが見つかりません。

実行する$ bundle installと、両方の宝石がインストール済みとしてリストされます。$ gem env戻ってくるものは次のとおりです。

私のプロジェクトのファイル パスは「Users/name/c9sdk/quote_app」です。私は Rails を使い始めたばかりなので、明らかな何かが欠けているに違いないことを知っています。