jquery-mobile - jQuery Mobile - 没有标签的复选框

Question

有没有人写过任何扩展或知道让 jQM 创建一个没有标签的复选框的方法？

当您不包含标签时，jQM 不会对其进行格式化，它只是将其保留为常规复选框。我查看了代码并认为有一种方法可以做到这一点，但如果不需要，我不想弄乱 jQM 基本代码。

我认为这应该在基本代码中，因为你不应该有一个带有复选框的标签。任何对此的想法都会很棒。

尼克

Answer 1

jQM 有另一个布局选项，这行得通吗？

• http://jsfiddle.net/R372c/3/

HTML

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup" data-type="horizontal">
        <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
        <label for="checkbox-6">b</label>

        <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
        <label for="checkbox-7"><em>i</em></label>

        <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
        <label for="checkbox-8">u</label>    
    </fieldset>
</div>

文档:

• http://jquerymobile.com/demos/1.0/docs/forms/checkboxes/ (页面底部)

Horizontal toggle sets
Checkboxes can also be used for grouped button sets where more than one button can be selected at once, such as the bold, italic and underline button group seen in word processors. To make a horizontal button set, add the data-type="horizontal" to the fieldset.

<fieldset data-role="controlgroup" data-type="horizontal"> The framework will float the labels so they sit side-by-side on a line, hide the checkbox icons and only round the left and right edges of the group.