dojo - 无法使用 dojo 1.8 正确渲染 Horizo​​ntalRangeSlider

Question

我正在尝试让 dojo 的 Horizo​​ntalRangeSlider 工作，但 jsFiddle 中的一个简单示例似乎无法正确呈现（Firefox 16 或 Chrome）。

这是用于具有多个头的滑块的正确组件吗？1.8的文档仍然使用 1.6 的约定。

Answer 1

您的示例缺少样式表。带有一个的dojox/form/RangeSlider船只，在dojox/form/resources.

添加：

<link rel="stylesheet" 
 href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojox/form/resources/RangeSlider.css" 
/>

到您的 html 输出

见http://jsfiddle.net/g78Uk/1/

Answer 2

这是带有标尺的小提琴的改进版本，以编程方式添加。

    var sliderRules = new dijit.form.HorizontalRuleLabels({
        minimum: 0,
        maximum: 12,
        labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
        labelStyle: "font-size:9px;color: #333",
        style: "width:300px;height:30px;"
    }, "ruler");


    var rangeSlider = new dojox.form.HorizontalRangeSlider({
        name: "rangeSlider",
        value: [2, 6],
        minimum: 0,
        maximum: 12,
        discreteValues: 12,
        style: "width:300px;",
        onChange: function (value) {
            //alert('change occurred');
        }
    }, "rangeSlider");

您可以在此处找到更多详细信息。

http://jsfiddle.net/g78Uk/21/