带滑块的烧瓶难度

时间:2018-08-07 21:35:06

标签: html flask slider

我的目标是当用户按下“提交”按钮(他不在代码中)时,将A,B,C值用于Python应用程序中。我尝试过Flask,但没有成功。我该怎么办?

代码:

 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" />


<body>


<div id="slider"></div>

<ul class="result">
  <li>A : <span id="a">0</span></li>
  <li>B : <span id="b">75</span></li>
  <li>C : <span id="c">250</span></li>
</ul>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="main.js"></script>

</body>

这是main.js:

$("#slider").slider({
  min: 0,
  max: 500,
  values: [75, 250],
  slide: function(event, ui) {
    //console.log(ui.values);
    let a = ui.values[0];
    let b = ui.values[1] - ui.values[0];
    let c = 500-ui.values[1];

    $("#a").html(a);
    $("#b").html(b);
    $("#c").html(c);


  }
});

0 个答案:

没有答案