Элементы управления ползунком Bootstrap?

В настоящее время я использую http://www.eyecon.ro/bootstrap-slider/, который работает с удовольствием, однако я хотел бы выводить значение в реальном времени в поле ввода.

js делает это с всплывающей подсказкой, которая прекрасна, однако, как только вы покинете ползунок, вы не можете видеть, к чему вы его установили. Любые предложения?

Ответ 1

Вы можете зарегистрировать значение ползунка в реальном времени, используя событие slide, которое поставляется с плагином.

См. эту демонстрацию: http://jsfiddle.net/vMLPF/1/

Код

$('#foo').slider().on('slide', function(_ev) {
    $('#bar').val(_ev.value);
});

В приведенном выше коде #bar представляет поле ввода, в котором вы хотите показать значение ползунка в реальном времени.