jquery - jQueryモバイルスライダーをボタンに合わせる

Question

私は jQuery モバイル スライダーを使用しており、下の送信ボタンと並べて表示したいと考えています。下にある送信ボタンとは明らかに相殺されています。

これは、私が隠していることと関係があると思いますslider-input。

<style type="text/css">
    input.ui-slider-input {
    display:none !important;
}

div.ui-slider {
    width: 96%;
}

</style>

<input type="range" name="slider-1" id="slider-1" value="50" min="0" max="100" />

Answer 1

スライダーの入力番号を示す入力があるからです。これを非表示にして、スライダーの余白を再度設定します。

デモhttp://jsfiddle.net/yeyene/Rdfxs/4/を確認してください

#myForm .ui-slider-input {
    display:none !important;
    width:1px !important;
    height:1px !important;
}
#myForm .ui-slider-track {
    width:100% !important;
    float:left;
    margin: 0 !important;
}