-1

jQueryスライダーを設定し、それが残りの要素とうまく整列することを確認するのに問題があります（一貫性を維持するための垂直方向と水平方向の両方の間隔/配置に関して）。また、[オブジェクトオブジェクト]として表示されるようになりました。これを整理する方法について何かアイデアはありますか？これまでの私のコードは次のとおりです：http：//jsfiddle.net/dhExk/1/

HTML

<div style="padding-top: 10px; text-align: center; font-size: 12px;">
      <div align="left" style="padding-bottom: 20px">
         <div style="padding-bottom: 10px">
        <div style="padding-bottom: 10px; font-size: 16px">Search By:</div>
            <div style="padding-bottom: 10px;">
          <div class="modal_field2">Park:</div>
          <select>
            <option selected="selected">Any</option>
              </select>
        </div>
        <div class="modal_field2">Building:</div>
          <select>
            <option selected="selected">Any</option>
                </select>
        </div>
        <div class="modal_field2">Room Type:</div>
          <select>
            <option selected="selected">Any</option>
          </select>
     </div>
      <div class="modal_field2" style="text-align: left">No of Students:</div>
      <div style="display: inline-block; padding-bottom: 20px; float: right">
        <input type="text" id="amount" style="border: 0; color: #000; background-color: #fff; font-size: 12px;" disabled="disabled"/>
</div>
       </div>​

CSS

.modal_field2 {
    width: 100px;
    float: left;
    padding-top: 3px;
}​

JS

$(function() {
    $("#slider").slider({
        value: 50,
        min: 20,
        max: 400,
        step: 10,
        slide: function(event, ui) {
            $("#amount").val("" + ui.value);
        }
    });
    $("#amount").val("" + $("#slider").slider("value"));
});
4

1 に答える 1

1

$("#slider")idを持つ要素を選択するセレクターsliderです。IDを持つ要素がsliderないため、スライダーはありません。明らかなエラーがあるため、slidervalueはオブジェクトになります。スライダーはありませんか？

フィドル

于 2012-11-11T13:23:45.077 に答える