2+ jQuery Mobile的水平复选框搞砸

Question

我需要在一个页面两个横复选框：

<div data-role="content"> 
     <div data-role="fieldcontain" data-controltype="checkboxes"> 
      <fieldset data-role="controlgroup" data-type="horizontal" id="buddies"> 
       <legend>Hobbies (separates by ',')</legend> 
      </fieldset> 
     </div> 
     <div id="language" data-role="fieldcontain" data-controltype="checkboxes"> 
      <fieldset data-role="controlgroup" data-type="horizontal"> 
       <legend>Languages (ordered by native, second lang...)</legend> 
       <input id="eng" type="checkbox"> 
       <label for="eng">English</label> 
       <input id="zho" type="checkbox"> 
       <label for="zho">国语</label> 
       <input id="jpn" type="checkbox"> 
       <label for="jpn">日本語</label> 
      </fieldset> 
     </div> 
     <div class="ui-grid-a"> 
      <div class="ui-block-a"> 
       <a data-role="button" id="revert">Revert</a> 
      </div> 
      <div class="ui-block-b"> 
       <input value="Update" type="submit"> 
      </div> 
     </div> 
    </div> 

一个图像比一千字。正如你看到的，两个复选框完全搞砸了：

Answer 1

旧时装表标签的工作原理！