如何在jQuery Slider插件中设置参数（宽度）

Question

我正在使用这个jQuery Slider plugin，我必须设置一个像设置一样的宽度，在这个插件中我完全被困在这一个请帮助我克服这个问题

Answer 1

滑块采用父节点的宽度。 因此，将输入放在具有所需宽度的容器中

<div class="span8">
     <input id="SliderSingle" type="slider" name="price" value="20" />
</div>

CSS

.span8 {
      width:500px;
}

修改 如果您想要自定义the source，则应在第154行添加

settings: {
  from: 1,
  to: 10,
  step: 1,
  smooth: true,
  limits: true,
  round: 0,
  format: { format: "#,##0.##" },
  value: "5;7",
  width: '100%', // add this line
  dimension: ""
},

和第237行

this.domNode.css('width', this.OPTIONS.settings.width);
this.inputNode.after( this.domNode );

（未测试的）

Answer 2

你应该将jslider类的css设置为想要的宽度，这就是我使用相同插件时所做的。