2016-02-09 1 views
0

slider отлично работает на моем рабочем столе, но на мобильном устройстве вам нужно несколько раз нажать на круг (движок на слайдере), чтобы получить фокус и всплывающую подсказку, иначе вы просто будете скользить вслепую.Всплывающая подсказка Boostrap-slider не отображается правильно на мобильном телефоне

Ползунок HTML является:

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

Java:

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

CSS:

ни

+0

Если вы просматриваете проблемы с Git Hub, вы увидите, что есть [открытая проблема] (https://github.com/seiyria/bootstrap-slider/issues/513) за то, о чем вы просите. – crazymatt

+0

Но есть ли альтернативное решение hack-ish (например, поймать слайдер на слайде и распечатать подсказку вручную)? – user1581390

+0

Не уверен. Кто-то может знать решение. Пара обходных решений будет заключаться в том, чтобы всегда показывать подсказку, если вы обнаружите мобильное устройство (или размер экрана достаточно мал). Вы также можете просто отобразить текст вместо использования подсказки (см. Пример № 6 здесь ] (http://seiyria.com/bootstrap-slider/) – crazymatt

ответ

1

Как мы говорили в комментариях это в настоящее время известны и открыты вопрос о Git Hub. You can read about it here.

Альтернативным решением было бы всегда отображать всплывающую подсказку для пользователя, чтобы они могли видеть значение при передвижении по мобильному устройству. Использование example #8 taken from the demo site:

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

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

Надеюсь, что это поможет.

 Смежные вопросы

  • Нет связанных вопросов^_^