我只是在输入旁边添加了这个滑块,并在滑块之后添加了一个输入框。问题是它们在我的第一个输入之下。我希望它们在 TD 标签中并排放置....请帮助...如果您需要更多代码,请告诉我:
<td>$
<input name="sup" style="text-align: left;" maxlength="13"
value="${form.sup}"
onkeypress="javascript:return noenter();" />
<div id="calcSlider"></div>
<input type="text" id="calcRepairCostFactor" name="calcRepairCostFactor" value="10" size="3" readonly="readonly"/>
</td>
jQuery:
$(function () {
$("#calcSlider").slider({ min: 0,
max: 90,
step: 5,
value: 10,
slide: function (event, ui) {
$("#calcRepairCostFactor").val(ui.value);
}
});
});
回答:
<td>$
<input name="sup" style="text-align: left;" maxlength="13"
value="${form.sup}"
onkeypress="javascript:return noenter();" />
<div id="calcSlider" style='display: inline-block; width: 100px; height: 12px;'></div>
+/-
<input type="text" id="calcRepairCostFactor" name="calcRepairCostFactor" value="10" size="3" readonly="readonly"/>
%
</td>