Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 气泡中的针滑块输入值_Javascript_Jquery_Html - Fatal编程技术网

Javascript 气泡中的针滑块输入值

Javascript 气泡中的针滑块输入值,javascript,jquery,html,Javascript,Jquery,Html,我正在为iPad上使用的投票web应用程序制作一个滑块。当用户将手指放在气泡上时,该值应该显示在元素上方(工作正常)。当用户的手指不在气泡上时,我希望值位于气泡内。我得到了要显示的当前值(当值为5时看起来不错),但我不知道如何将它粘贴到每个值的气泡中 以下是我在CSS中所做的更改: #static-output { text-align: center; } 在你的JS中: h = figure / max * ($("#input-wrapper").width() - $("#ree

我正在为iPad上使用的投票web应用程序制作一个滑块。当用户将手指放在气泡上时,该值应该显示在元素上方(工作正常)。当用户的手指不在气泡上时,我希望值位于气泡内。我得到了要显示的当前值(当值为5时看起来不错),但我不知道如何将它粘贴到每个值的气泡中


以下是我在CSS中所做的更改:

#static-output {
  text-align: center;
}
在你的JS中:

 h = figure / max * ($("#input-wrapper").width() - $("#reel").width() + 37) + 'px';

现在37是硬编码的,如果更改滑块的大小,可能需要调整,但这应该可以做到

尝试在CSS中进行以下更改:

#static-output {
  text-align: center;
}
在你的JS中:

 h = figure / max * ($("#input-wrapper").width() - $("#reel").width() + 37) + 'px';
现在37是硬编码的,如果更改滑块的大小,可能需要调整,但这应该可以做到