1

私は次の[リンク] http://jsfiddle.net/wigiri/DAJca/をテーマにしようとしましたが、成功しませんでした.1つのアイテムの例を次に示します:

<ul data-role="listview">
                <li data-role="fieldcontain" class="ui-li">
                    <div>
                        <label class="ui-label" for="0">Afghan</label>
                    </div>
                    <div style="float:right">
                        <select name="0" id="0" onchange="saveSelect(this,'Food',0);" data-role="slider"
                        data-mini="true">
                            <option value="0">No</option>
                            <option value="1" undefined>Yes</option>
                        </select>
                    </div>
                </li>
</ul>

ラベルを左側に、スライダーを右側に配置して、素敵な「リスト項目」の背景で互いに揃えたいと思います。

何か案は？

4

1 に答える 1

1

これが実際の例です: http://jsfiddle.net/Gajotres/pzfr2/

使用される CSS:

#slider-container {
    position: relative;
    float:right;  
    margin-top: -10px !important;    
}

#slider-container .ui-slider {
    margin-top: -50px !important;
}
于 2013-03-01T20:47:21.093 に答える