dojo - dojo1.8でHorizo​​ntalRangeSliderを正しくレンダリングできない

Question

dojoのHorizo​​ntalRangeSliderを機能させようとしていますが、jsFiddleの簡単な例が正しくレンダリングされていないようです（Firefox 16またはChrome）。

これは、複数のヘッドを持つスライダーに使用する正しいコンポーネントですか？1.8のドキュメントでは、引き続き1.6の規則が使用されています。

Answer 1

サンプルにスタイルシートがありません。のdojox/form/RangeSlider下にある1つが付属してい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/