MUI スライダー コンポーネント: 異なる色の親指

MUI にはスライダー コンポーネントがあります: https://mui.com/material-ui/react-slider/ 現在、ユーザーが値の範囲を選択できるようにするために使用しています (つまり、スライダーには 2 つの親指があります) MUI Multi -サム スライダー ブロックのドキュメント: https://codesandbox.io/s/gptppq?file=/demo.js スライダーのサムは、https://codesandbox.io/s/359l9t?file=/demo のようにスタイル設定できます。 ts

P粉709644700 2023-09-08 22:49:51 0  1  470

JavaScript - jqueryスライダープラグインをお勧めします。機能は非常に簡単です。

このようなスライダー プラグインが必要です。非常に簡単ですが、インターネットで長い間探していますが、適切なプラグインが見つかりません。お勧めのものを教えてください。jquery に頼ることはできますが、jquery ui には頼らないでくださいおよび他のライブラリ。

某草草 2017-05-19 10:35:24 0  4  733

マウスが離れる前にすべての値をコミットするのではなく、マウスが離れたときにスライダーの値をコミットするにはどうすればよいですか?

入力ボックスとスライダーがあります。スライダーの範囲は 1 から 100 です。トグル スイッチとドロップダウン メニューがあるため、スライダーを含む送信ボタンを使用する代わりに、onChange イベントを使用して各フィールドへの変更を処理します。しかし、問題があります。スライダーを 1 から 50 まで変更しようとすると、1 から 50 までのすべての値が onChange イベントで送信されます。

P粉129731808 2023-07-27 15:35:18 0  1  584

JavaScript - モバイルタッチイベントにはどのようなプラグインを使用していますか?

この効果をより良く実現できるプラグインはありますか?これは ul です。どのタブをクリックすると、どのタブが中央にスライドします。

某草草 2017-05-16 13:37:06 0  7  533

javascript - 文字列の長さをインターセプトする jQuery プラグインで、要素内の text() を正しく取得できないという問題が発生する

文字列の長さをインターセプトするプラグインを作成しました。文字数が指定された数を超えると、文字をインターセプトし、マウスに従って完全な内容のプロンプトを表示します。関数単体で書く場合は実現できるのですが、以下の方法でプラグインを作ってみたところ、文字の有無に関わらずマウスで追従した内容が最後になってしまいました…。

typecho 2017-06-28 09:28:00 0  2  937

フォーム入力とスライダーを使用してオブジェクトの回転/回転を実装します。

#person というオブジェクトがあり、スライダーの入力を使用してそれを -180 度から 180 度まで回転する必要があります。スライダーを入力ボックスと同期して現在の角度値を表示し、関数を作成しようとしましたが、機能しませんでした。 style.transformを使用しようとしています。私のプロジェクトでは Bootstrap と jQueryUI を使用していたので、問題を解決するために標準の JavaScript の代わりにこれら 2 つのフレームワークを使用できれば便利です。 HTML回転角度JavaScript関数rot

P粉007288593 2023-08-16 16:16:28 0  1  523

JavaScript は要素スタイルを使用するよりも CSS カスタム プロパティの更新が遅い: パフォーマンスの比較

私は、mousemove イベントと touchmove イベントを使用してスライド アニメーションを実装する vue3 用のカレンダー スライダーと、いくつかの速度アニメーションを実行する関数を作成しました。プロジェクトはここでテストできます: https://stackblitz.com/github/Der-Alex/vue-calendar-slider?file=src/components/VueCalendarSlider.vue 私の最初のアイデアは、CSS カスタム プロパティ -- posx を使用して保存することでした。

P粉235202573 2024-01-07 09:42:03 0  1  433

スライダー追跡アニメーションを無効にすることはできますか?

MUI にはスライダー コンポーネントがあります: https://mui.com/material-ui/react-slider/ ナブで再生されるアニメーションを無効にして新しい位置に移動し、移動する方法を見つけようとしています。すぐに。これを行う方法はありますか?

P粉460377540 2024-03-28 19:17:20 0  1  424

javascript - js制御要素のスタイルに関する疑問

{コード...} 上記のコードに示すように、slider_box は 1 秒ごとに 20% 左 (1 画面) にスライドしますが、問題が発生します。100% までスライドすると、左にスライドできなくなります。 (さらにスライドすると、画像は表示されません))、ただし、他のプラグインで見た効果は、slider_box のスライド変化が 1 秒ごとに -20% から 0 から -... になるということです。

伊谢尔伦 2017-07-05 10:39:55 0  4  831

JavaScript マップ マーカー プラグインを探しています

1. 以下のような効果を実現できるJavaScriptプラグインはありますか? 左側の3つのオブジェクトを右側の地図にドラッグできます 地図上にドラッグしてマウスを放すとマークが残りますマップ上で (マップの位置をマークするために使用されます)、マウスを放した後、編集可能なダイアログ ボックスがポップアップ表示されます。

怪我咯 2017-05-18 10:49:58 0  1  620

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  799

Bootstrap Vue を使用してホバー時に選択ドロップダウンを開く方法

<select> または <b-form-select> をトリガーし、マウスオーバー時にオプションのドロップダウン リストを表示する方法が必要です。 JQuery や Vue.js 以外の外部プラグインは使用しません。

P粉635509719 2024-03-26 14:04:58 0  1  494

Jquery スライダーが正しく表示されないのはなぜですか?

WordPress カスタムテーマに SlickSlider ライブラリを実装して、高度なカスタムフィールドプラグインから取得した画像スライダーを表示しようとしています。ただし、スライダーが画像を互いの上に積み重ねるだけで、スライダー機能が機能しないという問題に遭遇しています。これまでに私がやったことは次のとおりです: <article><divclass="entry-content"><h2class="wp-block-Headinghas-

P粉151720173 2024-04-03 10:43:26 0  1  560

ubuntu下通过鼠标整理移动硬盘里的电影，结果导致文件丢失

我插上移动硬盘，然后通过鼠标整理，就是这个移动硬盘里面管理文件，期间删除了一些文件，我用的是剪切方式，速度倒是挺快的，之后我清空了回收站，然后就发现剪切过的文件丢失了，也不是所有的文件都丢失了，一...

高洛峰 2017-04-24 09:12:42 0  0  814

JavaScript - フォンスワイプで画像をクリックしたときに画像を全画面表示するにはどうすればよいですか?

携帯電話で画像をクリックして画像をプレビューさせ、左右にスライドさせることはできますが、画像を全画面表示にすることはできません。アドバイスをお願いします 下の図でwidth=100%になるようにパラメータを設定する方法を教えてください。 。それとも他にお勧めできるプラグインはありますか?

ringa_lee 2017-07-05 10:41:07 0  4  884