0

このスライダーを入力の横に追加し、スライダーの後に入力ボックスを追加しました。問題は、それらが私の最初の入力の下にあることです。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>
4

1 に答える 1

2

あまり情報はありません...あなたが探している結果を得るにはstyle='display: inline-block;'、おそらくに追加する必要があると思います。div

于 2012-05-10T14:09:28.607 に答える