Javascript jSlider jQuery插件：设置最小范围，并格式化最小值？

我正在使用来实现一个触摸友好的范围滑块，但我有两个问题：

我想将最低范围设置为10美元，但我似乎无法做到这一点。（换句话说，下限值和上限值之间总是至少有10美元。）

我无法将最小值正确格式化为$0-它显示的是

$

而不是

$0

（实际上我更希望它是

$1

，但我也无法实现） 我已经用我的滑块设置了一个JSFIDLE：

以下是代码，供参考：

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: '£#' }, // Doesn't return 0 correctly. 
  skin: "round_plastic",
  onstatechange: function() { 
      // Check range here and return false if too small?
      // But return false doesn't seem to do anything. 
     return false;
  }
};
jQuery("#price-slider").slider(options);

有人能为这两个问题提出解决方案吗？

编辑：

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

});

---

对不起，我希望最小范围是10美元，而不是最小值。我希望最小值为$0或$1。我将编辑问题，使其更清晰。好的，值问题已解决：格式：{format:'$#，'}（我在#后面添加了一个逗号）。但是我不明白你的意思，我的英语不太好，谢谢！所谓“范围”，我的意思是，让滑块的下限值不低于上限值10美元（或等于上限值）。所以$280-$290是一个可以接受的范围，但是$290-$290不是。看我的新编辑，我得到了一些东西，但我真的不知道在p1和p2（$（“.holder”）。slider（“value”，p1，p2））中填充什么。我尝试了每件事，但没有成功，也许你可以从这里开始工作？这是一个伟大的尝试，但对我来说，再次调用

.slider

创建了一个全新的slider。我将提出一张最低范围的GitHub罚单。无论如何我都会接受答案，因为你解决了最小值问题。非常感谢你的帮助！