Слайдер JQuery UI, как заставить окно следовать за обработчиком?
Я пытаюсь создать div, который должен следовать за обработчиком, как показано здесь:http://m1.dk/Priser/#tab:#calc,#abb
Мой JSfiddle:http://jsfiddle.net/z3xV3/2/
Я также хочу сделать расчет на значение пользовательского интерфейса, который должен появиться в поле.
Вот иллюстрация того, чего я хочу достичь:
HTML:
<div id="slider"></div>
<input id="sliderValue" />
Jquery:
$(document).ready(function() {
// Pris slider
$("#slider").slider({value:'',min: 0,max: 150,step: 1, range: 'min',
slide: function( event, ui ) {
$( "#amount" ).html( ui.value + ' timer');
}
});
$( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
});