問題タブ [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.
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 のプロパティがファイルよりも優先され、これが問題を引き起こしています。
javascript - AdminLTE および AngularJS コンテンツ ラッパーの最小高さが間違っています
パーシャルとテンプレート化のために、このテンプレートで AngularJS (および ui.router) を使用しようとしています。(シングルページにするため)。
私のページは正常にレンダリングされますが、 angular で使用すると.content-wrapper
div タグが間違った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 です。
誰でもこれを解決する方法を知っていますか?
yii2 - sidebar-toggle adminlte が yii2 で機能しない
左側のナビゲーションを修正するにはどうすればよいですか。yii2 フレームワークで AdminLTE 2.0 を使用しています。
composer update
問題は、昨日 (マレーシア時間の午前 9 時)にサイドバーの切り替えが機能しないことです。
エラーはjavascriptから発生したに違いないと思います。
しかし、何も見つかりませんでした。
したがって、ここで説明するコードを提供します。
ありがとうございました
バックエンド\ビュー\レイアウト\header.php
backend\assets\AppAsset.php
javascript - AdminLTE サブメニューが展開されてから折りたたまれる
他の誰かが開始したプロジェクトで AdminLTE を使用しています
サブメニューを追加したときに表示される動作は、展開してからすぐに折りたたむことです
index.html ページから完全なものを使用してみましたが<aside class="main-sidebar">...</aside>
、ここで見られるのと同じ動作が得られます - https://gyazo.com/e88b049ccd7b2d06d65ccc7986166cdf
テンプレートから index.html をローカルで開くと、完全に正常に動作します
このプロジェクトには何かが欠けている可能性があると思いますが、何が原因かわかりません... すべての js を読み込んでみましたが、コンソールにエラーは表示されません
どんな助けでもいただければ幸いです
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 を取り除こうとしました:
失敗。