jquery-mobile - JQuery Mobile 主题列表，一行中有块

Question

我一直在尝试为以下 [link] http://jsfiddle.net/wigiri/DAJca/设置主题，但没有成功，这是一个项目的示例：

<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>

我希望标签位于左侧，滑块位于右侧，并以漂亮的“列表项”背景相互对齐。

有任何想法吗？

Answer 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;
}