0

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

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

<input name="sliderAvgT" id="sliderAvgT" type="text"><br />

ジャワ:

sliderAvgT = new Slider("#sliderAvgT", { id: "slider12c", min: {{minAvgT}}, max: {{maxAvgT}}, range: true, value: [defaultMinAvgT, defaultMaxAvgT] });

CSS:

なし

4

1 に答える 1

1

コメントで説明したように、これは現在、Git Hub で既知の未解決の問題です。ここでそれについて読むことができます。

別の解決策は、ユーザーがモバイル デバイスでスライドするときに値を確認できるように、ツールチップを常に表示することです。デモ サイトから取得した例 #8を使用します。

// With JQuery
$("#ex8").slider({
    tooltip: 'always'
});

// Without JQuery
var slider = new Slider("#ex8", {
    tooltip: 'always'
});

それが役立つことを願っています。

于 2016-02-09T21:56:56.103 に答える