javascript - 当页面居中时，带有输入字段的jQuery-ui滑块句柄不起作用

Question

我试图让输入字段跟随 jQuery 把手栏的把手栏。它在使用最佳答案时以某种方式正确工作：Jquery UI slider 如何使框跟随处理程序？

但是当将滑块放在带有margin:0 auto;and的容器内时，它不能正常工作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));