頁面居中時，帶有inputfield的jQuery-ui滑塊句柄不起作用

Question

我試圖使輸入字段跟隨jQuery手柄的手柄。 使用以下位置的最高答案時，它以某種方式正確工作： jQuery UI滑塊如何使框跟隨處理程序？

但是，當將滑塊置於具有margin:0 auto;的容器中時，它將無法正常工作margin:0 auto; 和position:relative;

你可以在這里看到我在說什么

任何幫助或建議表示贊賞，但我確實需要以我的網站為中心。

在此先感謝，cookies將得到獎勵

編輯：我希望輸入顯示在車把下方

Answer 1

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

您只需要在代碼中更改此行：

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

對此：

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