問題タブ [getuikit]

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 投票する
2 に答える
3490 参照

jquery - 最初の日付ピッカーの開始日が2番目の日付ピッカーの最小日付になるように2つの日付ピッカーをリンクする方法は?

UIKit Web フレームワーク (getuikit.com) を使用しています

最初に選択した開始日が2番目の日付ピッカーで許可されている最小日付と一致するように、2つの日付ピッカーを使用する方法はありますか? (基本的に、ホテル/フライトの予約のように機能させるため)

これが私がJQueryで試したことです:

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

javascript - Javascript コードでの UIkit-Components の参照

Javascript で UIkit コンポーネントを参照するにはどうすればよいですか? 私は私の問題の小さな例を作りました:

これはHTMLです:

そして、ここにJavascriptの部分があります:

これもプランカーとして作成しました:http://plnkr.co/edit/U4ELL78YSsBbBHiwGnOQ

ご協力いただきありがとうございます!

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

html - Uikit の入力グループ

ukitを使用して入力グループを作成しようとしています。bootstrap input-group class のように、入力ボックスとボタンを並べて配置したいと思います。これを達成するための最良の方法と方法を教えてください。

アドバイスをありがとう。

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

angularjs - UIKit アコーディオンと ng-repeat が機能しない

ng-repeat を使用して、新しいアコーディオン セクションを UIKit data-uk-accordion に動的に追加しています。

新しいアコーディオン セクションを追加し、タイトルをクリックして折りたたむと、次のエラーが発生します。

TypeError: UIkit 2.24.2 の accordion.js の 73 行目でラッパーが未定義です: wrapper.data('toggle').toggleClass(this.options.clsactive);

アコーディオン div またはその親 div に追加しようとしdata-uk-observeましたが、効果はありませんでした。また、ID を追加して手動でアコーディオンを再初期化しようとしましたが、コンソールから UIkit.accordion('#drivers') を実行しましたが、変更はありませんでした.

UIkit.init()コンソールから実行しようとしても、同じエラーが発生します。

アコーディオンを再起動する方法はありますか?

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

javascript - data-uk-scrollspy を使用した Uikit スイッチャー

スイッチャーでのアニメーションの使用に問題があります。data-uk-switcher="{connect:'#my-id', animation: 'fade'}" が存在することは知っていますが、div 内の各オブジェクトを別々にアニメーション化したいと考えています。これはページの読み込み時に機能しますが、ボタンをクリックしてコンテンツを切り替えると、何も表示されません。これが私のコードです:

そしてスイッチャー

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

javascript - UIKit (getuikit) スライダー コンポーネントが機能しない

この UI キットのスライダー コンポーネントで何が起こっているのかわかりません。UI キットを数か月間 (スライダーの使用を含めて) 正常に使用してきましたが、現在、この新しいサイトではまったくレンダリングされていません (リスト項目がデフォルトで表示される、スライド機能がないなど)。

もともと UIKit と Jquery のローカル コピーを試してみましたが、同じ結果でした。これは、私の localhost サーバーでも発生します (エラーがばかげた間違いであることを願っています)。

PHP ファイル全体:

ページへのリンク: http://burn.blue/slider.php

編集: 正しく動作するようになりました。私は、slider.min.js または slider.min.css を追加する必要があることに気づきませんでした。

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

html - UIkitを使用した小さな画面のスタイル

あるブロックが別のブロックの下に移動するときに、小さな画面で一部の要素に異なるスタイルを設定するにはどうすればよいですか? 例: 最初のブロックを赤くします。

jsfiddle

0 投票する
5 に答える
6664 参照

css - uikit のデフォルトの CSS フォントを変更する

uikit のデフォルトのフォントを変更しますか? UIKit

デフォルトのフォントは

html要素タグに設定されています。HTMLタグのカスタムスタイルでこのフォントを別のものに変更しても、変更は上書きされません。私は物事を変える重要なものを使うことができます:

これにより、グローバル フォントが期待どおりに変更されますが、 font-awesome は !important が上書きされているため、明らかに機能しなくなります。何か案は?