Dojo Horizo​​ntal Slider在标签上显示

Question

我正在设置带有标签和规则的dijit.form.HorizontalSlider，我无法使显示器正常工作。滑块显示在规则和标签的顶部。我可以看到，标签和规则被放置的div没有高度属性，我猜这就是我的问题，但我似乎无法修复它。

下面的代码...

//create a div for the rule in my inner node div 
this.ruleDiv = dojo.create("div", {}, dojo.byId("ruleDiv"), "first"); 
this.getInnerNode().appendChild(this.ruleDiv); 

//create a div for the labels in my inner node div 
this.labelsDiv = dojo.create("div", {},dojo.byId("labelsDiv"), "first"); 
this.getInnerNode().appendChild(this.labelsDiv); 

//create the rule object 
this.sliderLabelsRule = new HorizontalRule({ 
    container: "topDecoration", 
    count: 10 
}, this.getLabelsRuleDiv()); 

//create the labels object 
this.sliderLabels = new HorizontalRuleLabels({ 
    container: "topDecoration", 
    labelStyle: "font-size: 10px;", 
    labels: ["test0", "test1", "test2", "test3", "test4", "test5", 
      "test6", "test7", "test8", "test9"] 
}, this.getLabelsDiv()); 

//create the slider 
this.slider = new Slider({}, this.getInnerNode()); 

//startup the widgets 
this.getSlider().startup(); 
this.getLabelsRule().startup(); 
this.getLabels().startup(); 

我试着换周围的东西，这个尝试一堆不同的方式，但我似乎无法找到正确的组合，任何帮助表示赞赏！

Answer 1

在您的Horizo​​ntalRule构造函数中，添加一个样式属性来设置高度。像这样的东西。

this.sliderLabelsRule = new HorizontalRule({ 
    container: "topDecoration", 
    count: 10, 
    style: "height: 5px;" 
}, this.getLabelsRuleDiv()); 

我也有类似的问题，即我的所有标签和规章制度下的滑块也可直接堆放在彼此的顶部，这样我有十个标签和一个大混乱的规则，我必须设置宽度上述构造函数的宽度与我的滑块相同，并使用position：absolute将它们移动到正确的位置。为了让他们到达你想要的位置，你可能需要做类似的事情。只需在构造函数的style属性中使用css