問題タブ [adminlte]

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 に答える
409 参照

css - より少ないファイルを追加するブートストラップcssファイル

ブートストラップ (v 3.3.5) を使用するオープン ソース コントロール パネル テンプレートである AdminLTE (v 2.3.0) に基づいてサイトを作成しています。

Google Chrome (v 48.0.2564.97 m) でページを読み込み、ソースで開発者ツール (F12) を使用すると、コンテンツ フォルダーに less というサブフォルダーがあることに気付きました。

それは次のようなものです:

"..."他のファイルを意味します。サーバーにこれらのファイルがなく
、この table.lessが問題を引き起こしています。

だから私はテストをしました。参照した js ファイルと css ファイルを 1 つずつ削除します。
bootstrap.css ファイルを追加すると、すべてのファイルを含むこのフォルダーが表示されることがわかりました。

今私の質問は次のとおりです。

  • なぜこれが起こったのですか?
  • どうすれば回避できますか?
  • cssファイルをより少ないファイルよりも優先させるにはどうすればよいですか?

PS: 3 番目の質問をしたのは、通常、いくつかのプロパティがオーバーロードされたときに、最後に追加される css ファイルが優先されるためです。しかし、私の場合、最後のファイルは site.css です。このファイルにはテーブルの定義が含まれていますが、ページを開くと、table.less のプロパティがファイルよりも優先され、これが問題を引き起こしています。

0 投票する
4 に答える
3046 参照

javascript - AdminLTE および AngularJS コンテンツ ラッパーの最小高さが間違っています

パーシャルとテンプレート化のために、このテンプレートで AngularJS (および ui.router) を使用しようとしています。(シングルページにするため)。

私のページは正常にレンダリングされますが、 angular で使用すると.content-wrapperdiv タグが間違ったmin-height属性 (564px;) を取得します。しかし、サンプルページを表示するstarter.htmlと、問題ありません(494px;)。

誰かがなぜこれを行うのか説明できますか? これはブートストラップですか?角度またはテーマ?それとも組み合わせ?

ソース (クロムでレンダリングされ、小さく保つために折りたたまれています): クロムでレンダリングされたソース

大きな画面で表示した場合も同様です。フッターはビューポートの外で画面からはみ出し、スクロール バーが表示されますが、テスト用のページ ヘッダーにすぎないため、コンテンツはありません。

誰がどこを見ればいいのか考えましたか?

編集:

私は問題が何であるかを見つけましたが、まだ解決策を見つけていません:

テーマで使用される app.js には、次のコードがあります。

このコードをページの下部にあるスクリプト タグに配置し、アラートを作成しました。

ヘッダーの高さは NULL、フッターは 31、ウィンドウは 595 です。コンソールでこれらのコマンドを個別に実行すると (ページが完全にレンダリングされた後)、次のようになります: ヘッダー: 50、フッター: 51、ウィンドウの高さ 595。 (51 + 50 = 101. 595 - 101 = 494. これは正しいコンテンツ ラッパーの高さです)。

そのため、JQuery はヘッダーとフッターの高さを決定できません。おそらく、まだレンダリングされていないためです。これはおそらく ui.router/Angular の問題ですか?

最初に angular および angular ui ルーターをロードし、次に angular スクリプトをロードします。次に、JQuery、ブートストラップ、最後にテーマの app.js です。

誰でもこれを解決する方法を知っていますか?

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

yii2 - sidebar-toggle adminlte が yii2 で機能しない

左側のナビゲーションを修正するにはどうすればよいですか。yii2 フレームワークで AdminLTE 2.0 を使用しています。

composer update問題は、昨日 (マレーシア時間の午前 9 時)にサイドバーの切り替えが機能しないことです。

エラーはjavascriptから発生したに違いないと思います。

しかし、何も見つかりませんでした。

したがって、ここで説明するコードを提供します。

ありがとうございました

バックエンド\ビュー\レイアウト\header.php

backend\assets\AppAsset.php

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

javascript - AdminLTE サブメニューが展開されてから折りたたまれる

他の誰かが開始したプロジェクトで AdminLTE を使用しています

サブメニューを追加したときに表示される動作は、展開してからすぐに折りたたむことです

index.html ページから完全なものを使用してみましたが<aside class="main-sidebar">...</aside>、ここで見られるのと同じ動作が得られます - https://gyazo.com/e88b049ccd7b2d06d65ccc7986166cdf

テンプレートから index.html をローカルで開くと、完全に正常に動作します

このプロジェクトには何かが欠けている可能性があると思いますが、何が原因かわかりません... すべての js を読み込んでみましたが、コンソールにエラーは表示されません

どんな助けでもいただければ幸いです

0 投票する
0 に答える
111 参照

jquery - ページ リダイレクトの前に DOM の更新を強制する (Webkit ブラウザー)

Loading stateページがリダイレクトされる前に divを追加しようとしています。( https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html )

私のページには次のリンクがあります。

リンクがクリックされると、showBubble はページ上の他の div に div を追加します。そして、http://example.comへのリダイレクトがあります。

すべてのブラウザで問題なく動作しますが、Ipad の Webkit ブラウザでは動作しません。

ここで同様の問題を見つけました Chrome/Mac で DOM の再描画/更新を強制する こことhttp://www.eccesignum.org/blog/solving-display-refreshredrawrepaint-issues-in-webkit-browsers

しかし、これらの解決策はどれも私にはうまくいきません。私は試した:

また、「example.com」から戻るボタンをクリックして前のページに戻ると、バブルが表示されます。そのため、Webkit ブラウザーは、ページを離れる前にページを更新しないことを選択したようです。

また、ボックスに要素を追加する代わりに、ボタンのテキストを変更するなど、より簡単なことを試しました。それもうまくいきません。リンクをクリックしてもページが更新されません。

さらに、showBubble 関数の後に onClick プロパティに alert('123') を配置すると、アラートは表示されますが、ページはまだ更新されません。

しかし、タグから href プロパティを削除する<a>と、バブルが表示され、すべてが機能します。まあ、それを除いて、それはもうリンクではありません:)

私は href を取り除こうとしました:

失敗。

0 投票する
0 に答える
159 参照

templates - ブートストラップを使用した kohana 3.3 管理者レスポンシブ テンプレート

このテンプレートで Kohana フレームワーク 3.3 を使用しようとしています。

管理者LTE

しかし、私は方法がわかりません