問題タブ [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.
jquery - 最初の日付ピッカーの開始日が2番目の日付ピッカーの最小日付になるように2つの日付ピッカーをリンクする方法は?
UIKit Web フレームワーク (getuikit.com) を使用しています
最初に選択した開始日が2番目の日付ピッカーで許可されている最小日付と一致するように、2つの日付ピッカーを使用する方法はありますか? (基本的に、ホテル/フライトの予約のように機能させるため)
これが私がJQueryで試したことです:
javascript - Javascript コードでの UIkit-Components の参照
Javascript で UIkit コンポーネントを参照するにはどうすればよいですか? 私は私の問題の小さな例を作りました:
これはHTMLです:
そして、ここにJavascriptの部分があります:
これもプランカーとして作成しました:http://plnkr.co/edit/U4ELL78YSsBbBHiwGnOQ
ご協力いただきありがとうございます!
html - Uikit の入力グループ
ukitを使用して入力グループを作成しようとしています。bootstrap input-group class のように、入力ボックスとボタンを並べて配置したいと思います。これを達成するための最良の方法と方法を教えてください。
アドバイスをありがとう。
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()
コンソールから実行しようとしても、同じエラーが発生します。
アコーディオンを再起動する方法はありますか?
javascript - data-uk-scrollspy を使用した Uikit スイッチャー
スイッチャーでのアニメーションの使用に問題があります。data-uk-switcher="{connect:'#my-id', animation: 'fade'}" が存在することは知っていますが、div 内の各オブジェクトを別々にアニメーション化したいと考えています。これはページの読み込み時に機能しますが、ボタンをクリックしてコンテンツを切り替えると、何も表示されません。これが私のコードです:
そしてスイッチャー
javascript - UIKit (getuikit) スライダー コンポーネントが機能しない
この UI キットのスライダー コンポーネントで何が起こっているのかわかりません。UI キットを数か月間 (スライダーの使用を含めて) 正常に使用してきましたが、現在、この新しいサイトではまったくレンダリングされていません (リスト項目がデフォルトで表示される、スライド機能がないなど)。
もともと UIKit と Jquery のローカル コピーを試してみましたが、同じ結果でした。これは、私の localhost サーバーでも発生します (エラーがばかげた間違いであることを願っています)。
PHP ファイル全体:
ページへのリンク: http://burn.blue/slider.php
編集: 正しく動作するようになりました。私は、slider.min.js または slider.min.css を追加する必要があることに気づきませんでした。
html - UIkitを使用した小さな画面のスタイル
あるブロックが別のブロックの下に移動するときに、小さな画面で一部の要素に異なるスタイルを設定するにはどうすればよいですか? 例: 最初のブロックを赤くします。
css - uikit のデフォルトの CSS フォントを変更する
uikit のデフォルトのフォントを変更しますか? UIKit
デフォルトのフォントは
html要素タグに設定されています。HTMLタグのカスタムスタイルでこのフォントを別のものに変更しても、変更は上書きされません。私は物事を変える重要なものを使うことができます:
これにより、グローバル フォントが期待どおりに変更されますが、 font-awesome は !important が上書きされているため、明らかに機能しなくなります。何か案は?