Дескриптор ползунка jQuery-ui с полем ввода не работает, когда страница центрирована

Я пытаюсь заставить поле ввода следовать за ручкой ручки jQuery. Это работает как-то правильно при использовании верхнего ответа по адресу: Слайдер пользовательского интерфейса Jquery, как заставить поле следовать за обработчиком?

Но это не работает должным образом, если ползунок находится внутри контейнера с margin:0 auto; и position:relative;.

Вы можете увидеть, о чем я говорю здесь

Любая помощь или предложения приветствуются, но мне действительно нужно, чтобы мой сайт был в центре.

Заранее спасибо, куки будут вознаграждены

Изменить: я хочу, чтобы ввод отображался под рулем


person Ringziii    schedule 26.08.2012    source источник
comment
Где должен быть вход? под ручкой или на одном уровне с ручкой и прямо к ней?   -  person Dmitry Koroliov    schedule 26.08.2012
comment
Всегда только под ручкой.   -  person Ringziii    schedule 26.08.2012


Ответы (1)


Я полагаю, это то, что вам нужно: FIDDLE

вам просто нужно изменить эту строку в вашем коде:

label.css('left', thumb.offset().left - (label.width() - thumb.width())/ 2);

К этому:

label.css('left', thumb.position().left - (label.width() / 2));
person Dmitry Koroliov    schedule 26.08.2012
comment
Это сработало отлично! Ты не представляешь, как ты меня только что осчастливил :) Спасибо миллион раз!! - person Ringziii; 26.08.2012