jQuery-ui滑块手柄，当页面居中时，输入字段跟随不起作用

Question

我试图让输入字段跟随jQuery句柄栏的句柄栏。在使用Jquery UI slider how to make a box follow the handler?

的最佳答案时，它可以正常工作

但是当滑块位于具有margin:0 auto;和position:relative;

的容器内时，它无法正常工作

你可以看到我在说什么here

任何帮助或建议表示赞赏，但我确实需要将我的网站置于中心位置。

提前致谢，Cookie将获得奖励

编辑：我希望输入显示在句柄栏下面

Answer 1

我想这就是你需要的：FIDDLE

您只需在代码中更改此行：

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

对此：

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