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/（页面底部）

水平切换集
复选框也可用于分组按钮   设置可以一次选择多个按钮的位置，例如   在文字处理器中看到的粗体，斜体和下划线按钮组。至   制作一个水平按钮设置，将data-type =“horizontal”添加到   字段集。

<fieldset data-role="controlgroup" data-type="horizontal">   框架将浮动标签，使它们并排放置在一条线上，   隐藏复选框图标，只围绕左右边缘   基。

Answer 2

只是对此进行跟进，因为我一直在这里回到我的JQM复选框问题！一个优秀的小文章由一个Rick Luna在这里：

JQM Checkboxes Without Labels

Answer 3

JQM需要可访问性标签，但有一些方法可以隐藏它 - 只需添加适当的类，如specified in the documentation

无论

  <label for="username" class="ui-hidden-accessible">Username:</label>
  <input type="text" name="username" id="username" value="" placeholder="Username"/>

或

  <div data-role="fieldcontain" class="ui-hide-label">
    <label for="username">Username:</label>
    <input type="text" name="username" id="username" value="" placeholder="Username"/>
  </div>

取决于您的布局选择！

希望这会有所帮助......

jQuery mobile - 没有标签的复选框

3 个答案: