jQuery RangeSlider Widget

时间:2013-11-12 04:18:24

标签: jquery mobile rangeslider

我正在使用jquery的rangelider小部件创建一个具有触控功能的价格范围滑块:http://api.jquerymobile.com/rangeslider/#entry-examples

(注意:我发现了很多关于使用jQuery的滑块小部件而不是rangelider小部件的文档。)

以下是工作示例: 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>

我花了几个小时阅读文档并寻找示例,但我似乎无法动态设置rangelider的最小值,最大值和值。

所以..我移动了动态设置值并尝试将bound和onChange事件绑定到rangeSlider并传递函数中的值。我把它拉了下来,但它真的很笨拙,而且我知道我已经过度复杂了。

感谢任何帮助,世界。啊。

0 个答案:

没有答案