检测用户单击的水平位置的百分比

Question

我正试图像jQuery UI一样从头开始创建一个滑块，但我不确定如何检测用户点击滑块的水平位置。

例如，如果我点击中间的foo div，它将返回50％。如果我有这个，我可以很容易地调整滑块的填充div宽度。

Answer 1

试试这个小提琴：http://jsfiddle.net/UCFtB/1/

脚本：

$("#test").mousemove(function(e){
    var perc = e.offsetX/ $(this).width() * 100;
    $(this).html(e.offsetX + " | " + perc + " perc");
});