問題タブ [getuikit]

私のプロジェクトでは、UIKit を使用して成功しています (今まで)。最近、UIKit アコーディオンを初めて使用しようとしましたが、ひどく失敗しました。

だから私はコードをこれだけに減らしました

そしてそれはうまくいきません。

UIKitとjqueryの異なるバージョンを試しました...効果はありません。

この jsbin の例 ( http://jsbin.com/fusapomoze ) も機能しません

https://getuikit.com/docs/accordion.htmlのドキュメントは、それがどのように機能するかを示しています...

実現したいこと: ナビゲーション バーの最初の 3 つのリスト項目は、コンテンツ領域の最初の 3 つのコンテンツ項目に対応する必要があります。ドロップダウンの 3 つのリスト項目は、残りの 3 つのコンテンツ項目に対応する必要があります。ドロップダウン アイコンにカーソルを合わせるとリストが表示されますが、ドロップダウン アイコンはどこにもリンクされません。

実際に起こっていること: 最初の 3 つのリスト項目は適切に機能し、最初の 3 つのコンテンツ項目にリンクしています。ドロップダウン ボックスは適切にアニメーション化されますが、その中のアイテムはすべて 4 番目のコンテンツ アイテムにリンクしています。ドロップダウン ボックスのアイコンをクリックすると、4 番目の項目にもリンクします。

コードは次のとおりです (多くのコードが生成されるため、FireBug からコードを取得しました。これが、「uk-active」クラスと「aria-hidden」属性が存在する理由です):

基本的に、4 番目のコンテンツ アイテムの「クリック時」イベント ハンドラが「settings-btn-container」リスト アイテムに追加され、ドロップダウンの下のリスト アイテムにイベント ハンドラが追加されません。代わりに、イベント ハンドラーをドロップダウン リスト項目にバインドする方法がわかりません。

Uikit スライダーのナビゲーション矢印を常に表示したり、スライダーの下にナビゲーション サークルを表示したりするにはどうすればよいですか? 皆様、どうもありがとうございました。

次のコード スニペットでは、UI kit notify が画面の左下隅に通知を表示しています。他の可能な値に位置を変更できても変わりません。

私はとてもばかげたことをしているに違いない。どんな助けでも大歓迎です。

Uikit の css に問題があり、わかりません。Nav セクションがあり、リスト項目にカーソルを合わせてもカーソル ポインターが変化しません。custom.css という名前のパーソナライズされた css ファイルを設定しました。コードからそれを削除すると、機能します。繰り返しますが、css なしで新しい html ファイルにコードを出力すると、機能します。私の問題を解決することはできません。

ここでhtmlの下に：

ここに私のcss：

私はフロントエンド開発に不慣れですが、Uikit を使用するのは非常に簡単であることがわかりました。新しい Uikit 3 が昨日リリースされましたが、私は多くの問題を抱えています。具体的には、.uk-width-1-2 を使用するには、.uk-width-1-2\@s を使用する必要があります。@ は CSS で許可されていないと思いましたか? メディアクエリですか？それはどこから引っ張っているのですか？

昨日、「あなたのJSが正しくリンクされていません」という質問をしました。これが私の質問です。リンクがセクションにあり、headセクションにない場合にのみスクリプトが読み込まれるのはなぜbodyですか? 次のように、体の一番下に配置するように教えられました。

が一番下にある場合、script何も機能しません。ただし、一番上に置くと、すべてが機能します。なんで？