問題タブ [material-design-lite]
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経由で単色.svgファイルの色を変更するには?
以下のようなSVGアイコンを使用していますが、アイコンフォントを使用したくありません（色を変更しやすいことはすでにわかっています）
デフォルトでは、このアイコンは黒色で、緑色に変更したいと考えています。
より少ない労力でそれを行うための最良の方法は何ですか?
javascript - Material Design Lite と jQuery、スムーズ スクロールで何かがおかしい
昨日、ここで同様の質問をしました。
そして、スムーズスクロールが機能しました。
しかし、使ってみるとスムーズスクロールがおかしい。
コードはこちら (このリポジトリには 1 つの html ファイルと 1 つの画像ファイルが含まれています):
https://github.com/MitsuhikoShimomura/mdl-error
コードのいくつかの重要な部分。
スムーズスクロール:
本体内容：
正しいスクロール
---スムーズなスクロールが「上」から始まる場合、スクロールが正しく動作します。
---しかし、スクロールのゴールが「上」の場合、スクロールは正しく動作します。
- 「トップ」から「ナンバーワン」へ
- 「トップ」から「#3」へ
- 「#2」から「トップ」へ
- 等..
スクロールが正しく
ない ---スムーズなスクロールが「上」から開始されない場合、スクロールが正しく動作しません。
---出発位置と到着位置が同じ場合、スクロールが正しく動作しません。
- 「#1」から「#2」へ
- 「#2」から「#4」へ
- 「#3」から「#3」へ
- 等..
スムーズスクロールが正しく機能しない理由がわかりません。
html - CSS の変更と Google チャート テーブルの ID の検索
2 つの質問があります。Google チャート テーブルを作成しようとしています。
A) いくつかの変更を加えることができるように、作成される実際のテーブル要素の ID が必要です。では、テーブル ID を設定/取得するにはどうすればよいですか?
B) テーブルタグにカスタム CSS クラスを追加するにはどうすればよいですか? 基本的に、これらのテーブルに material-design-lite の css を追加したいと考えています。
どうもありがとうございます！
material-design-lite - 要素とそのすべての子のみをアップグレードする方法
使用componentHandler.upgradeAllRegistered();すると、DOM 内の一致するすべての要素がアップグレードされます。これは、私の場合は不要なパフォーマンス コストです。
要素を DOM に挿入すると、親からルートまですべてを再アップグレードする必要はありません。要素とその子のみが新しく作成された要素であり、再初期化が必要です。
この機能を実現するにはどうすればよいですか?
内部の一部: https://github.com/google/material-design-lite/issues/871
modal-dialog - Material Design Lite でモーダル ポップアップを使用するには?
最近、Google Material Design Lite の最新のデスクトップ バージョンを使い始めましたが、モーダル ポップアップがなく、チームは次のリリース用にまだ実装していません。
私はそれにブートストラップモデルを含めようとしましたが、感染がうまくいかないのはかなり混乱しているようです.クラス/スタイルが互いに衝突していると思います.
代わりに何がうまくいくのでしょうか??
ご協力いただきありがとうございます。
javascript - Angular ルートを使用しているときに Material Design Lite js コンポーネントをアップグレードするにはどうすればよいですか?
MDL js コンポーネント (テキストフィールド、メニュー、タブなど) は、ドキュメントの読み込み時にデフォルトで読み込まれ、アップグレードされることは知っていますが、Angular ルートを使用している場合、テンプレートでは発生しません。この時点で、私はこれを使用していますが、ユーザーが 2 回目にビューにアクセスしたときにコンポーネントが適切に動作するようにするだけです。
ユーザーが初めてビューに入る前に、テンプレートのコンポーネントをアップグレードする方法はありますか? 私はこの問題で立ち往生しています。
javascript - 行の詳細を含むレスポンシブ グリッド
応答性の高いグリッド システムを探しています。手がかりは、Row Detailsクリック/選択されたセル (Cell Details? Expandable?) のようなものも必要だということです。
例：pr0gramm.com私の機能にかなり近い。
列:
- デスクトップ: 4
- タブレット: 3
- 電話: 2
行に 4 つの列がすべてあるので、選択したセルの行の後に新しい div を追加するだけです。参照: http://i.stack.imgur.com/FcbfO.png
行に 4 列のうち 3 つ (まだ div に 4 列) で、次の結果が得られます: http://i.stack.imgur.com/5raJE.png
フレームワークなどはありますか？または、これを自分で実装する必要がありjsますか?