問題タブ [bootstrap-material-design]
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.
javascript - ページの読み込み時ではなく、クリック時のみに CSS アニメーションを表示するにはどうすればよいですか?
プロジェクトでhttps://github.com/FezVrasta/bootstrap-material-designを使用しています。より具体的には、この質問はチェックボックス コンポーネントに焦点を当てており、ライブラリ全体がプロジェクトで使用されています。
問題は、チェックボックスがページの読み込み時にアニメーションをトリガーし、奇妙に見えることです。LESS コードはhttps://github.com/FezVrasta/bootstrap-material-design/blob/master/less/_checkboxes.less#L88で、例はhttp://codepen.io/anon/pen/で見ることができます。 ogmgRX
ページの読み込み時に表示されるアニメーションを停止する方法を知っている人はいますか?
jquery - 選択リストの変更が選択されました
選択リストにhttp://fezvrasta.github.io/bootstrap-material-design/#dropdown-menuを使用しています。これにより、リスト項目を含む ul の形式でドロップダウンが生成され、選択リストが非表示になります。ul でリスト項目を選択すると、選択リストでその特定のオプションが選択されると思いました。しかし、そうではないので、これを機能させようとしています。
これは私が使用しているHTMLです：
これはその下に生成され、上記の選択リストを非表示にします。
選択リストでオプションを選択するために使用しているjquery:
エラーが発生します：
javascript - ブートストラップ マテリアル デザイン - リップルがポップオーバーに表示されない
ブートストラップ マテリアル デザインを使用しています: https://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html
これには、ボタンを押すときのきちんとした波及効果が含まれます。これは、html に display:none があるが、javascript を使用してユーザーに表示されるポップオーバー div を除いて、私のページのどこでも機能します。
HTML:
JS:
style="display:none" を取り出すと、波紋効果が機能しますが、それを含めると、div 内のボタンに対して波紋効果が機能しなくなります。本当に奇妙です。display:none を維持する方法はありますか (ポップオーバーが希望どおりに機能するため)、まだ div のボタンに波紋効果がありますか?
javascript - jQueryを使用して選択した値をCookieに保存する方法は?
まず、jquery.cookieとBootstrap のマテリアル デザインを使用しています。select からの Cookie 値の保存に問題があります。
ユーザーが関数で更新時間を選択できるようにしたいのですが、ユーザーが選択したものを Cookie に保存する方法がわかりません。常に Cookie の最初の位置に表示します。