Javascript 如何根据滑块的输出计算此函数?

Javascript 如何根据滑块的输出计算此函数?,javascript,jquery,html,Javascript,Jquery,Html,我试着做了很多有输出的滑块。 我想有某些div显示和隐藏的滑块的组合输出的基础上 我的问题是,如何使函数outputValue在变量为“currentSliderValue”的滑块的输出上计算 这是我的代码: <div class="beregner"> <h2>Headline</h2> <div class="questions"> <div class="question">

我试着做了很多有输出的滑块。 我想有某些div显示和隐藏的滑块的组合输出的基础上

我的问题是,如何使函数outputValue在变量为“currentSliderValue”的滑块的输出上计算

这是我的代码:

<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();
  }