問題タブ [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.

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

javascript - マテリアル デザイン ライトと無限スクロール スクリプトの競合

Wordpress Web サイトでMaterial Design Lite ( http://www.getmdl.io/started/ ) と Infinite Scroll スクリプト ( https://github.com/infinite-scroll/infinite-scroll ) を使用しています。両方のスクリプトを使用すると、無限スクロールが機能しません。しかし、Material Design Lite スクリプトを削除すると機能します。これらのスクリプトの間にいくつかの競合があると思います。誰もそれを修正する方法を知っていますか? ありがとう

0 投票する
2 に答える
1494 参照

javascript - MDL を使用して動的に構築された入力が正しくレンダリングされない

私は次のコードを持っています、

問題は、JavaScript 関数が既に実行されているため、入力が正しくスタイル設定されていないことです。

これを機能させるために呼び出す必要があるJavaScript関数は誰ですか? 試しMaterialTextfield.prototype.init()ましたが、何も変わりませんでした。

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

javascript - MDL Javascript が Twitter ウィジェットと競合する

そのため、サイドバーにツイートを表示するために、MDL の JavaScript が Twitter ウィジェットを壊すという問題が発生しています。

JavaScriptを削除すると、完全に正常に動作します。スクリプトの位置を変更してみましたが、何も問題が解決しません。MDL の JavaScript の読み込みが完了すると、ウィジェットはすぐに消えてしまいます。

「inspect element」で見ると、ウィジェットの iframe がまだ facebook ウィジェットの下にあることがわかりますが、本体は空です。ここで問題を確認できます。乱雑なコードを気にしないでください。私はまだ多くの変更と最適化を行っています。

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

material-design-lite - マテリアル デザイン ライト ドロワー ブレークポイント

ハンバーガー メニューが永続的に表示されるように、Material Design Lite ドロワー メニューを設定する必要があります。メニューはクリック時にのみ表示する必要があります。

これに関するドキュメントはありません。ありがとうございました!

リンク

0 投票する
2 に答える
5890 参照

reactjs - React でマテリアル デザイン ライトを使用する

React を使用する既存のプロジェクトで MDL を使用しようとしていますが、いくつかの問題が発生しています。多くの警告メッセージがありますが、最初のロードでは問題ないように見えます。

警告: ReactMount: ルート要素が元のコンテナーから削除されました。新しいコンテナ:

これは、MDL によって認識されるクラスを持つすべての DOM 要素 (例: mdl-layout、mdl-layout__content など) でほとんど発生し、DOM の変更時に発生します。

さらに、ルートを変更すると、「Invariation Violation」エラーが発生します。

キャッチされないエラー: 不変違反: findComponentRoot(..., .0.2.0.1.1.0.0.0.0): 要素が見つかりません。これはおそらく、DOM が予期せず変更されたことを意味します (たとえば、ブラウザーによって)...

これは、MDL と React がほとんど互換性がないということですか?

更新: class="mdl-js-layout" を持つ要素が reactjs レンダリング関数の最上位の要素でない場合、問題はなくなります。その要素をラップしたら、すべて問題ありません。

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

css - MDL の引き出しの幅を変更する

マテリアル デザイン ライトを使い始めたばかりです。引き出しの幅を変えたい。

私が試したのは、次のようなものです。

これにより、ドロワーがコンテンツ領域に重なって表示されます。

この問題を修正するにはどうすればよいですか?