jQuery的移動INFO按鈕收音機和複選框的選擇

Question

使用jQuery移動1.4，我有一組單選按鈕：

<fieldset data-role="controlgroup"> 
    <legend>Radio Group</legend> 
    <input type="radio" name="radio" id="radio_foo"> 
    <label for="radio_foo">Foo</label> 
    <input type="radio" name="radio" id="radio_bar"> 
    <label for="radio_bar">bar</label> 
    <input type="radio" name="radio" id="radio_baz"> 
    <label for="radio_baz">Baz</label> 
</fieldset> 

（這是因爲jQuery Mobile的1.4文檔顯示http://demos.jquerymobile.com/1.4.0/checkboxradio-radio/）

我想爲每個選項提供一個信息圖標，這個圖標除單選按鈕外可單擊，但與單選按鈕位於同一行。事情是這樣的：

http://i.stack.imgur.com/TnNl5.png

這將是代替每個選擇的工具提示的。

Answer 1

一種方法是把信息按鈕，在自己controlgroup，並把2個controlgroups旁邊的海誓山盟使用JQM電網

下面是一個DEMO

<div class="ui-grid-a"> 
     <div class="ui-block-a" style="width: 40px; margin-right: 8px;"> 
      <fieldset data-role="controlgroup"> 
       <legend>&nbsp;</legend> 
       <a href="#" class="ui-btn ui-corner-all ui-icon-info ui-btn-icon-notext">Icon only</a> 
       <a href="#" class="ui-btn ui-corner-all ui-icon-info ui-btn-icon-notext">Icon only</a> 
       <a href="#" class="ui-btn ui-corner-all ui-icon-info ui-btn-icon-notext">Icon only</a> 
      </fieldset> 
     </div> 
     <div class="ui-block-b" style="width: 70%;"> 
      <fieldset data-role="controlgroup"> 
       <legend>Radio Group</legend> 
       <input type="radio" name="radio" id="radio_foo" /> 
       <label for="radio_foo">Foo</label> 
       <input type="radio" name="radio" id="radio_bar" /> 
       <label for="radio_bar">bar</label> 
       <input type="radio" name="radio" id="radio_baz" /> 
       <label for="radio_baz">Baz</label> 
      </fieldset> 
     </div> 
    </div>