問題タブ [bootstrap-slider]

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 投票する
1 に答える
86 参照

javascript - フォーム ボックスの値を変換する

これがどのように機能するかについて少し混乱しています。スライダーがアクティブなときに、入力ボックスで秒の値を「hh:mm:ss」に変換しようとしています。

ここで、div は開始時間と終了時間を秒単位で表示します。スライドに合わせて調整

ここに私のjavascriptがあります

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

css - レスポンシブ ビューでブートストラップ スライダーの画像が引き伸ばされる

レスポンシブ ビューのブートストラップ スライダー イメージ ストレッチの問題に対する解決策はありますか? 高さのデフォルトを設定したくない

http://getbootstrap.com/examples/carousel/

Twitterブートストラップで指定されたデフォルトのスライダーである上記のスライダーを試しました。そのスライダーに画像を含めたとき、それは伸びていました。誰かがこの問題に直面した場合は、解決策を教えてください

スライダー レスポンシブ ビュー - 画像が引き伸ばされる

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

jquery - 関数内から値を取得する - Bootstrap-Slider

私が達成しようとしていること: Bootstrap-Sliders
から Height と Weight の両方の値を受け取り、これらの値を使用して BMI を計算します。

現在の問題:イベント
が原因で、各関数内から身長と体重の両方の値を取得できません。.change

提案やアドバイスをお待ちしております、
ありがとうございます!

JS

JS - 試してみました。

HTML

JS-アンサー

ライブ URL
RawGit

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

jquery - jQuery:スライダー / bootstra-slider.jsの値に基づいてクラスを追加する

私はbootstrap-slider.jsを使用しています。jQueryでスライダーに特定の値(ex.1100)がある場合、誰かがクラス(.active)を追加する関数を追加するのを手伝ってくれれば幸いです

クラスactiveは画像またはdivに追加する必要があります(デモの例としてfont-awesomeアイコンを使用しています)

私の現在のJS

コードペン: http://codepen.io/anon/pen/ojdEBM

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

jquery - ブートストラップ スライダーが初期化されていません

ここからブートストラップ スライダーを使用しようとしています: https://github.com/seiyria/bootstrap-slider。ただし、スライダーを初期化できません。私のコード スニペットは次のようになります。

これにより、図に示すように単純な入力タイプが得られます

ここに画像の説明を入力

次に、私がする場合:

これにより、次のようなエラーが発生します。

ここに画像の説明を入力

ここで何が欠けていますか?

0 投票する
3 に答える
554 参照

jquery - ブーストラップスライダーの状態を検出するにはどうすればよいですか?

私はこのライブラリを使用しています: https://github.com/seiyria/bootstrap-slider

私は私のスライダーを持っています:

ユーザーがスライダーハンドルをクリックして移動したことを検出するにはどうすればよいですか?

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

twitter-bootstrap - Boostrap スライダーのツールチップがモバイルで正しく表示されない

スライダーはデスクトップでは問題なく動作しますが、モバイルでは円 (スライダーのムーバー) を数回押してフォーカスを取得し、ツールチップを表示する必要があります。そうしないと、盲目的にスライドするだけです。

スライダーの HTML は次のとおりです。

ジャワ:

CSS:

なし

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

javascript - 特定の日付までの残りのすべての日付をスライダーに挿入します

私は利息計算機にブートストラップ スライダーを使用しています。このスライダーでは、0 ~ 15.000 DKK の金額をスライドでき、特定の日付までの残り日数を含む別のスライダーを使用できます。

これらの 2 つのスライダーは、特定の日付にお金が挿入されたときの利息を計算します。

私の問題は、スライダーのツールチップに連続した日付を表示することです。つまり、ページの読み込み時にスライダーが今日の日付 (2016 年 3 月 3 日) に開始され、4 ステップスライドするとツールチップに 2016 年 3 月 7 日が表示されます。 4 月 2 日を表示する必要があります 30 の手順をスライドします。

スライダーはこれで初期化されます:

daysRemaining は moment.js を使用して検出されます

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

javascript - Bootstrap スライダーの値を設定する方法

ブートストラップ スライダーを使用し、他の変数からハンドルの値を設定する方法を探しています。この方法を見つけましたが、うまくいきませんでした。data-slider-value は、値 html を含む属性です

JavaScript