問題タブ [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 投票する
1 に答える
579 参照

javascript - UI キット: コンポーネントを使用する (初心者向け)

この質問に対する答えを探しましたが、何も見つかりませんでした。

UIkit コンポーネントの使い方を知りたいです。単純なページ (HTML/CSS) を作成していますが、UIkit の機能を使用できません。たとえば、ツールチップ コンポーネントを使用したいと思います。関連するcss/jsコンポーネントをヘッダーに「取り込む」ために使用しているコードは次のとおりです(用語がわからない):

フォルダへのパスは正しいです。これらのリンクのフォーマットが間違っているのではないかと思いました。他に必要な情報を教えてください。ありがとう!

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

jquery - removeClass() で delay() を使用する

jQuery で css クラスの削除を遅らせるにはどうすればよいですか?

これが私のコードです

上記のコードは何もしません。次のコードでクラスを追加できます

そして、私はそれを削除することができます

しかし、クラスの削除を遅らせることはできません。

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

javascript - 部分的な更新後に UIkit タブとスイッチャーが機能しない

わかりました、これは少し特別です。XPages アプリケーションで UIkit を使用しています。また、タブとスイッチャー コンポーネント ( http://getuikit.com/docs/tab.htmlhttp://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

これはライブラリ自体の一部であるため、ライブラリの外からこれを呼び出す方法を見つけたいと思います。

どんなアイデアでも大歓迎です!

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

uikit - Aurelia と UIkit の scrollyspy

UIkit scrollspy を aurelia と一緒に使用しようとしていますが、動作しません。私はskeleton-navigationをダウンロードし、jspmでuikitをインストールしました。私が持っている内部app.js

UIkit css 要素は正常に動作しますが、scrollspy は動作しません。HTML内に次のようなものがあります:

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

html - このドロップダウンが UIKit で機能しないのはなぜですか?

UIKit を使用して、HTML リストをナビゲーション バーとして表示しようとしています。navbar にはいくつかの要素があり、その中にはネストされた子を持つものもあります。私が書いているWordpressのテーマがWordpressの単体テストをサポートしていることを確認しようとしています。

以下の GIF を参照してください。

ナビゲーションバー GIF

ご覧のとおり、レベル 1 にカーソルを合わせると、ドロップダウンが正しく表示されます。カーソルをレベル 2 に移動すると、レベル 2 アイテムの内容が表示される代わりに、ドロップダウンが閉じます。カーソルをレベル 2 アイテムを越えてレベル 2A またはレベル 2B アイテム (関連するドロップダウンがない) にすばやく移動すると、ドロップダウンは開いたままになります。

liレベル 1アイテムの HTML は次のとおりです。

完全な navbar HTML はここにあります (問題が Level 1 にない場合li):

これを引き起こしている HTML にエラーはありますか?

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

javascript - UIkit CSS ドラッグ/ドロップ ファイル アップロード コンポーネント

Web アプリケーションで UIkit アップロード コンポーネントを動作させるのに問題があります。アップロード コンポーネント JS、プレースホルダー css、およびフォーム ファイル css を含めました。

ドキュメントの例から直接のコードは、私にとっては機能しません.(いくつかの小さな変更を加えて)

HTML

JS

アップロード.php

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

angularjs - AngularJS:フォームの最初のボタンは、送信ボタンではないにもかかわらず、入力ボタンを押すと起動します

編集後にエンターボタンを押すとinput_aprocessInputA()が呼び出されます。submit()関数は省略します。

これは には起こりませんinput_b: に似ていますが、期待どおりに動作しinput_aます。submit()関数は期待どおりに呼び出されます。

input_aボタンが発射されないようにするにはどうすればよいですか?

AngularJS: http://angular-meteor.com

スタイル: http://getuikit.com