javascript - jQuery-ページが中央に配置されているときに次の入力フィールドが機能しないuiスライダーハンドル

Question

入力フィールドをjQueryハンドルバーのハンドルバーに従わせようとしています。Jquery UIスライダーでトップアンサーを使用すると、どういうわけか正しく機能します。ボックスをハンドラーに従わせる方法は？

margin:0 auto;ただし、とを使用してコンテナ内にスライダーを配置すると、正しく機能しません。position:relative;

あなたは私がここで話していることを見ることができます

ヘルプや提案はありがたいですが、私は自分のサイトを中心に置く必要があります。

事前のおかげで、クッキーは報われます

編集：入力をハンドルバーの下に表示したい

Answer 1

それがあなたが必要としているものだと思います：FIDDLE

コード内のこの行を変更するだけです。

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

これに：

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