ユーザーがクリックする水平位置の割合を検出します

Question

jQuery UIのようにスライダーをゼロから作成しようとしていますが、ユーザーがスライダーをクリックしたときの水平位置を検出する方法がわかりません。

例：中間のfoo divをクリックすると、50％を返します。私がそれを持っている場合は、それに応じてスライダのフィラーの幅を調整するのは簡単です。

Answer 1

はこのバイオリンを試してみてください：http://jsfiddle.net/UCFtB/1/

スクリプト：

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