問題タブ [material-design-lite]

私は、HTML、jQuery、または CSS が得意ではないことを前置きしておかなければならないでしょう。私はほとんどのことを、私が求めているものに近いものをグーグルで検索し、それがどのように機能するかを理解しようとし、それを私が望むものに適応させることによって成し遂げます.

連れてくる人数、名前、飲酒の好みをリストするように人々に求める HTML フォームを作成しようとしています。Google の Material Design Lite を使用してさらにおしゃれに見えるようにしていますが、テキスト フィールドを表示できないという問題に遭遇しました (CSS と jQuery の策略を使用して、名前フィールドと選択したゲストの数など、他の場所で見つけたことがわかります StackOverflow...)

これはjQueryです：

そして、これは表示されない MDL 要素です。

全体と問題を示すコードペンを次に示します: http://codepen.io/anon/pen/meJWem

出力の最初の行は、それがどのように表示されるかを示すためのものです。ゲストの数を選択すると、最初の 2 つのエントリにはラジオ ボタンのみが表示され、テキスト フィールドには表示されないことがわかります。目的を示すためだけに、3 つのエントリをプレーンな HTML フィールドのままにしました。これが期待どおりに機能しない理由を誰かが知っていますか? 前もって感謝します。

私はこのデモアプリを持ってい ますモバイルサファリ（およびデスクトップ）で意図したとおりに動作しますが、ページをホームスクリーンに追加すると、カードの見出しをクリック（ng-クリック）してクラスを切り替えて完全な連絡先カードを表示できなくなります。スタンドアロンモードでのみ発生する理由は何ですか? ここにもコードペンとして持っています

私は問題があります。私のプロジェクトでは、MaterialPrime lib と Material Design Lite を使用しています。私のログインページでは、m:button 要素を使用してフォームを送信します (Ajax リクエストがここで発生することを理解しているため)。次に、リソースを含むパネル ページにリダイレクトしますが、PrimeFaces.ajax (ajax プロパティが null) でエラーが発生します。しかし、h:comandButton を使用すると、この問題が解決されます。何か修正はありますか？たぶん、m:button の属性が ajax リクエストを実行しないようにするためか、別のボタン タグでしょうか? ページスタイルにはこのボタンが必要です。ログインページです。

ログイン受付後のページです

私は Firefox バージョン 40.0.3/Chrome 45.0.2454.85 を使用していますが、次の問題があります:
jQueryplaceholder/labelを使用すると、コンテンツがオーバーラップします。

Javascript:

HTML:

例：

実際の例:
https://jsfiddle.net/vutLb9ut/2/

ここのドキュメントgetmdl.ioと google を検索する

「site:getmdl.io チェックボックス」

リストとチェックボックスのスタイルが見つかりません。何か不足していますか、それともチェックボックスなどの基本的な入力フィールドがありませんか?

これらの要素にパッチが適用される予定はありますか?

<label>下線のアニメーションが存在するタグに依存するのはなぜですか? つまり、<label>mdl-textfield から を削除すると、アニメーションも削除されます。

他の誰かがこれに気づきますか？

私はこの例を実装した私のウェブサイトでマテリアル デザイン ライトを使用しています: http://www.getmdl.io/components/index.html#tables-section

私の質問は、テーブルのチェックボックスを処理する方法です。それらはクラスによって追加されます: .mdl-data-table--selectable

それらのIDまたはクラスがないため、JavaScriptまたはSQLサーバーでそれらを使用する方法は何ですか(実装しようとしている行を削除します)

そのため、無限スクロール ( http://infiniteajaxscroll.com/docs/getting-started.html ) を使用しています。

ただし、メインコンテンツが「mdl-js-layout」内にある場合、無限スクロール機能は動作しません (以下を参照)。

そのため、最も外側の divを削除するmdl-js-layoutと、無限スクロールが機能し、それ以外の場合は機能しません。

開発者に問い合わせたところ、次のような回答を得ました:( https://github.com/google/material-design-lite/issues/1584#issuecomment-139060676 )

現在、MDL は静的コンテンツを対象としているため、無限スクロールを伴うユースケースは現在サポートされていません。ただし、MDL を動的サイトで動作させる人がいます。StackOverflow に移動して material-design-lite タグを使用することで、おそらく貴重な助けを得ることができます。

誰か私が試すべきことはありますか？

ありがとう！