当页面居中时，带有inputfield的jQuery ui滑块句柄不起作用

jQuery-ui slider handle with inputfield following not working when page is centered

本文关键字：ui 句柄不起作用 jQuery 页面居中带有 inputfield 更新时间：2023-09-26

我试图在jQuery句柄栏的句柄栏后面创建一个输入字段。当使用Jquery UI滑块的顶部答案时，它在某种程度上是正确的——如何使一个框遵循处理程序？

但当滑块位于包含margin:0 auto;和position:relative; 的容器内时，它无法正常工作

你可以在这里看到我在说什么

感谢任何帮助或建议，但我真的需要我的网站为中心。

提前感谢，cookie将获得奖励

编辑：我希望输入显示在手柄条下方

我想这就是您所需要的：FIDDLE

您只需要更改代码中的这一行：

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

对此：

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