Javascript 如何根据滑块的输出计算此函数?
我试着做了很多有输出的滑块。 我想有某些div显示和隐藏的滑块的组合输出的基础上 我的问题是,如何使函数outputValue在变量为“currentSliderValue”的滑块的输出上计算 这是我的代码:Javascript 如何根据滑块的输出计算此函数?,javascript,jquery,html,Javascript,Jquery,Html,我试着做了很多有输出的滑块。 我想有某些div显示和隐藏的滑块的组合输出的基础上 我的问题是,如何使函数outputValue在变量为“currentSliderValue”的滑块的输出上计算 这是我的代码: <div class="beregner"> <h2>Headline</h2> <div class="questions"> <div class="question">
<div class="beregner">
<h2>Headline</h2>
<div class="questions">
<div class="question">
<p class="topright"><output for="range" id="surf">0</output> min/md</p>
<p class="large"><img src="../surfikon.svg" id="beregner-icon" width="75" height="75"><b>1</b><span><br></span></p>
<div class="cap left"></div><div class="scroll-bar-wrap ui-widget-content ui-corner-bottom"><div id="slider_1" class="scroll-bar"> </div><div class="cap right"></div></div>
</div>
<div class="question">
<p class="topright"><output for="range" id="mails">0</output> stk.</p>
<p class="large"><img src="../mailikon.svg" id="beregner-icon" width="75" height="75"><b>Emails</b><span><br>Hvor mange e-mails sender du om dagen?</span></p>
<div class="cap left"></div><div class="scroll-bar-wrap ui-widget-content ui-corner-bottom"><div id="slider_2" class="scroll-bar"></div><div class="cap right"> </div></div>
</div>
<div class="question">
<p class="topright"><output for="range" id="musik-streaming">0</output> min/md.</p>
<p class="large"><img src="../musikikon.svg" id="beregner-icon" width="75" height="75"><b>Streaming af musik og lydbøger</b><span><br>Hvor lang tid lytter du til musik om dagen?</span></p>
<div class="cap left"></div><div class="scroll-bar-wrap ui-widget-content ui-corner-bottom"><div id="slider_3" class="scroll-bar"></div><div class="cap right"> </div></div>
</div>
<div class="question">
<p class="topright"><output for="range" id="video-streaming">0</output> min/md.</p>
<p><p class="large"><img src="../streamikon.svg" id="beregner-icon" width="75" height="75"><b>Streaming af video og film</b><span><br>Hvor lang tid streamer du video og film om dagen?</span></p>
<div class="cap left"></div><div class="scroll-bar-wrap ui-widget-content ui-corner-bottom"><div id="slider_4" class="scroll-bar"></div><div class="cap right"> </div></div>
</div>
<div class="question">
<p class="topright"><output for="range" id="spil">0</output> min/md.</p>
<p><p class="large"><img src="../spilikon.svg" id="beregner-icon" width="75" height="75"><b>Online Spil</b><span><br>Hvor lang tid spiller du online spil om dagen?</span></p>
<div class="cap left"></div><div class="scroll-bar-wrap ui-widget-content ui-corner-bottom"><div id="slider_5" class="scroll-bar"></div><div class="cap right"> </div></div>
</div>
<div class="resultat">
<p>Dit estimeret dataforbrug: <output id="amount">0</output> GB om måneden</p>
</div>
<div class="pricingtable">
0 GB
</div>
<div class="enterprisepricing">Dyrere abonnementer</div>
</div>
<script src="nyt-script.js" type="text/javascript" charset="utf-8"></script>
我找到了解决办法:
我搬家了
if(currentSliderValue > 10) {
$(".pricingtable").hide();
$(".enterprisepricing").show();
} else {
$(".pricingtable").show();
$(".enterprisepricing").hide();
}
在函数changeValue中,因为它是在document.ready上加载的,而不是在我需要时加载的
现在它工作了 将
currentSliderValue
设置为全局变量,如weightSliderValue
啊,我要试试看!)
if(currentSliderValue > 10) {
$(".pricingtable").hide();
$(".enterprisepricing").show();
} else {
$(".pricingtable").show();
$(".enterprisepricing").hide();
}