0

我正在使用 jquery 的 rangeslider 小部件创建一个可触摸的价格范围滑块：http: //api.jquerymobile.com/rangeslider/#entry-examples

（注意：我找到了很多关于使用 jQuery 的滑块小部件而不是范围滑块小部件的文档）。

这是工作示例：http: //jsfiddle.net/E7xYc/1/

<html lang="en">
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>


    <script src="../libraries/js/jquery.mobile.custom/jquery.mobile.custom.js"></script>
    <link rel="stylesheet" href="../libraries/js/jquery.mobile.custom/jquery.mobile.custom.structure.css" />
    <link rel="stylesheet" href="../libraries/js/jquery.mobile.custom/jquery.mobile.custom.theme.css" />

  </head>

  <body>


    <div data-role="rangeslider">
        <input type="range" name="range-1a" id="range-1a" min="0" max="100" value="40">
        <input type="range" name="range-1b" id="range-1b" min="0" max="100" value="80">
    </div>


  </body>
</html>

我花了几个小时阅读文档并寻找示例，但我似乎无法动态设置范围滑块的最小值、最大值和值。

所以.. 我过去动态设置值并尝试将 onChange 事件绑定到 rangeSlider 并在函数中传递值。我完成了这个，但它真的很hacky，我知道我已经把这个复杂化了。

感谢您的帮助，世界。啊。

4

0 回答 0