jSlider jQuery插件:设置最小范围,并格式化最小值?

时间:2013-01-08 11:22:06

标签: javascript jquery jquery-plugins jquery-slider

我正在使用jSlider来实现触控友好范围滑块,但我有两个问题:

  1. 我想设置10美元的最小范围,但我似乎无法做到这一点。 (换句话说,在低值和高值之间总是至少有10美元。)
  2. 我无法获得最低以正确格式化为$ 0 - 它显示$而不是$0(实际上我更喜欢它是{{1}但我也无法实现)。
  3. 我已经使用我的滑块设置了一个JSFiddle:http://jsfiddle.net/v3gUg/9/

    以下是代码,供参考:

    $1

    任何人都可以建议解决这两个问题吗?

1 个答案:

答案 0 :(得分:1)

编辑:

       $(document).ready(function() { 

  var options = { 
      from: 0,
      to: 500,
      round: 10, 
      heterogeneity: ['50/100', '75/250'], 
      scale: ["$0", '|', "$50", '|' , "$100", '|', "$250", '|', "$500"],
      limits: true,
      step: 10,
      format: { format: '$#,' },
      skin: "round_plastic",
    callback: function() { 
      // if (range too small)
      //return false;
    },
  onstatechange: function( value ){
    var array = value.split(";");

    if(array[0] == array[1])
    {
      value = array[0]+";"+array[1];
      $(".holder").slider("value", p1, p2)
    }
  } 
    };
  jQuery("#price-slider").slider(options);

});