Javascript Dojo:水平滑块：规则和标签

我正在尝试创建一个带有规则和标签的水平滑块小部件

滑块显示但被挤压，规则和标签似乎与实际滑块分离

有什么建议我做错了什么吗

谢谢

HTML:

需要[dojo/dom、./widget/SliderWidget、dojo/domReady！]， functiondom，SliderWidget{ var slidercontainer=dom.byIdslider； var widget=newsliderwidget.placeatslidercontainer； }; Javascript:

定义[dojo/dom构造、dojo/_base/declare、dijit/_WidgetBase、， dojo/dom、dojo/parser、dijit/form/horizontalsilder、dijit/form/HorizontalRule、， dijit/form/HorizontalRuleLabels，dijit/form/TextBox]，functiondomConstruct，declare，_WidgetBase，dom，解析器，HorizontalSlider，HorizontalRule，HorizontalRuleLabels，TextBox{ 返回declare[\u WidgetBase]{ 后创建：函数{ 这个； 这是一条规则； 这.\u获取横向规则标签； }, _getSlider:函数{ var slider=新水平滑块{ 名称：滑块， 值：0， 最低：0， 最高限额：10240， 离散值：10241， 中间变化：是的， 样式：高度：5px；宽度：330px；， onChange:functionvalue{ dom.byIdsliderValue.value=值； } }，slider.startup； }, _getHorizonalRule:函数{ var sliderNode=dom.byIdslider； var rulesNode=domConstruct.creatediv，null，sliderNode，first； 新的dijit.form.HorizontalRule{ 容器：底部装饰， 计数：11， 样式：宽度：330px；高度：1em；字体大小：75%；颜色：灰色； }，rulesNode.startup； }, _getHorizonalRuleLabels:函数{ var sliderNode=dom.byIdslider； var valuesNode=domConstruct.creatediv，null，sliderNode，first； 新的dijit.form.HorizontalRuleLabels{ 容器：顶部装饰， 计数：10， 标签：[01024204840965120614471688192921610240]， 样式：高度：2米；字体大小：60%；颜色：灰色； }，valuesNode.startup； }, }; };

---

添加规则和规则标签后，需要使用滑块来调用startup。此外，最好使用：

slider.addChildhorizontalRule 以及：

slider.addChildhorizontalRuleLabels