Question

我在设置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"));
});

Answer 1

$("#slider")是一个选择标识为slider的元素的选择器。您没有ID为slider的元素，因此没有滑块，而且slidevalue将是一个对象，因为有一个明显的错误，没有滑块？

FIDDLE

jQuery滑块显示为[对象对象]并且不对齐

1 个答案: