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

舊時裝表標籤的工作原理！