問題タブ [getuikit]

Ember.js のセットアップに問題があります。私はuikitbower install --save uikitを使用して、Ember.jsプロジェクトの依存関係を介してインストールしたいと思っています。問題は、JavaScript の部分が機能しないことです。

また、グーグルで検索して、Stackexchangeでこの回答を見つけました：EmberJS and UIKITですが、すでに説明されているようにuikitをインポートしました。

これまで私を助けてくれてありがとう

UIKit フレームワークを使用してサイト全体を構築しています。レスポンシブ グリッドを機能させるのに苦労しています。私のコードが添付されています。

中程度のブレークポイントよりも小さいすべての画面で、グリッドを互いに重ねて配置したいと考えています。ブラウザウィンドウのサイズを変更するとうまく機能しますが、クロムを使用してレスポンシブテストでテストするとまったく機能しません。また、ページをサーバーにアップロードせずにローカルでテストすると、レスポンシブ グリッドは問題なく動作しますが、レスポンシブの高さと幅のクラスは機能しません。

前もって感謝します

プロジェクトでUiKitの使用を開始しました。次のように含めました。

と

しかし、uikit フォント (素晴らしい) が機能しません。cdnjs から uikit をインクルードする場合、どのように動作させるのですか?

UIKit には、発生するカスタム イベントがいくつかあります。たとえば、タブを切り替えると、change.uk.tabイベントが発生します ( https://getuikit.com/docs/tab.html )。問題は、JQuery のプレフィックス"$"にUIKit.$. UIKit の jQuery$が別のオブジェクトを返すようです。

たとえば、これは機能します。

html は次のとおりです。

ただし、 を削除してオブジェクトのみ"UIkit."を使用する場合:"$"

それから私はそのchange.uk.tabイベントを見ません。(つまり、console.log行は実行されません。) これはなぜですか? "UiKit.$"と ちょうどはどう違い"$"ますか？

HTML:

jQuery:

UIKitにはスライドショー機能があり、私はそれを使用していますが、問題なく動作します。これが機能する方法は、各画像スライドを動的に作成された divsrcのインラインbackground-imageスタイル属性として使用することです。すべて正常に動作します。

問題は、UIKit が提供された適切なサイズの画像を使用しないことですsrcset(これはcurrentSrc、devtools の情報に従って正しく機能しています)。単にフォールバックimg srcを取得するため、モバイルではかなり高解像度の画像になります。

background-image要素をループしてインライン スタイルのソースを に置き換えようとしていますcurrentSrcが、壁にぶつかっています。

メソッドは魔法のeach()ように動作し、コンソールは小さい画面で適切なソースに基づいて小さいサイズの画像をログに記録しsrcsetますが、インライン スタイルの設定はどこにも行きません。

だから私は何かが欠けています、そしてそれはおそらく明白でギラギラするでしょうが、睡眠に加えて私は助けが必要です.

ありがとう。

編集:コードをより適切な作業場所に更新しましたが、現在は最後のビットのみが機能していません。

私は JS の初心者で、UIKit の Slider コンポーネントを var slider = UIkit.slider(element, { /* options */ }); で初期化する必要があります。ドキュメントに記載されているとおりです。だから私が入力したmy.jsファイルに

});

そして my.html で

しかし、スライダーが表示されませんか？

uikit のスライダー コンポーネントにドット ナビゲーションを追加するにはどうすればよいですか。私は試した、

しかし、ドットだけが表示されていますか？