問題タブ [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.
javascript - UI キット: コンポーネントを使用する (初心者向け)
この質問に対する答えを探しましたが、何も見つかりませんでした。
UIkit コンポーネントの使い方を知りたいです。単純なページ (HTML/CSS) を作成していますが、UIkit の機能を使用できません。たとえば、ツールチップ コンポーネントを使用したいと思います。関連するcss/jsコンポーネントをヘッダーに「取り込む」ために使用しているコードは次のとおりです(用語がわからない):
フォルダへのパスは正しいです。これらのリンクのフォーマットが間違っているのではないかと思いました。他に必要な情報を教えてください。ありがとう!
jquery - removeClass() で delay() を使用する
jQuery で css クラスの削除を遅らせるにはどうすればよいですか?
これが私のコードです
上記のコードは何もしません。次のコードでクラスを追加できます
そして、私はそれを削除することができます
しかし、クラスの削除を遅らせることはできません。
javascript - 部分的な更新後に UIkit タブとスイッチャーが機能しない
わかりました、これは少し特別です。XPages アプリケーションで UIkit を使用しています。また、タブとスイッチャー コンポーネント ( http://getuikit.com/docs/tab.htmlとhttp://getuikit.com/docs/switcher.html ) も使用します。ページを部分的に更新するまでは問題なく動作します。その理由は、これらのコンポーネントは、ページがロードされた後に 1 回だけ初期化されるためです。これは、ページにバインドするライブラリで直接発生します-独自のinitスクリプトなどはありません。更新後、すべてのものを再初期化する必要があります-しかし、構文や可能性にさえ慣れていません。UIkit lib を検索したところ、次のようなものが見つかりました。
接続されたスイッチャー コンポーネントに対して同様のコードが作成されます。
ここで私の問題のデモを見ることができます: http://notesx.net/customrenderer.nsf/demo.xsp
ソースコードはこちら: https://github.com/zeromancer1972/CustomRendererDemo/blob/master/ODP/XPages/demo.xsp
これはライブラリ自体の一部であるため、ライブラリの外からこれを呼び出す方法を見つけたいと思います。
どんなアイデアでも大歓迎です!
uikit - Aurelia と UIkit の scrollyspy
UIkit scrollspy を aurelia と一緒に使用しようとしていますが、動作しません。私はskeleton-navigationをダウンロードし、jspmでuikitをインストールしました。私が持っている内部app.js
:
UIkit css 要素は正常に動作しますが、scrollspy は動作しません。HTML内に次のようなものがあります:
html - このドロップダウンが UIKit で機能しないのはなぜですか?
UIKit を使用して、HTML リストをナビゲーション バーとして表示しようとしています。navbar にはいくつかの要素があり、その中にはネストされた子を持つものもあります。私が書いているWordpressのテーマがWordpressの単体テストをサポートしていることを確認しようとしています。
以下の GIF を参照してください。
ご覧のとおり、レベル 1 にカーソルを合わせると、ドロップダウンが正しく表示されます。カーソルをレベル 2 に移動すると、レベル 2 アイテムの内容が表示される代わりに、ドロップダウンが閉じます。カーソルをレベル 2 アイテムを越えてレベル 2A またはレベル 2B アイテム (関連するドロップダウンがない) にすばやく移動すると、ドロップダウンは開いたままになります。
li
レベル 1アイテムの HTML は次のとおりです。
完全な navbar HTML はここにあります (問題が Level 1 にない場合li
):
これを引き起こしている HTML にエラーはありますか?
javascript - UIkit CSS ドラッグ/ドロップ ファイル アップロード コンポーネント
Web アプリケーションで UIkit アップロード コンポーネントを動作させるのに問題があります。アップロード コンポーネント JS、プレースホルダー css、およびフォーム ファイル css を含めました。
ドキュメントの例から直接のコードは、私にとっては機能しません.(いくつかの小さな変更を加えて)
HTML
JS
アップロード.php
angularjs - AngularJS:フォームの最初のボタンは、送信ボタンではないにもかかわらず、入力ボタンを押すと起動します
編集後にエンターボタンを押すとinput_a
、processInputA()
が呼び出されます。submit()
関数は省略します。
これは には起こりませんinput_b
: に似ていますが、期待どおりに動作しinput_a
ます。submit()
関数は期待どおりに呼び出されます。
input_a
ボタンが発射されないようにするにはどうすればよいですか?
AngularJS: http://angular-meteor.com
スタイル: http://getuikit.com