隐藏的div和显示div制作单选按钮不起作用jQuery mobile

Question

我有一个在页面加载时开始隐藏的div，然后在用户单击按钮时显示它。

这个div包含更多的按钮，打开一个jQuery的移动弹出。这些弹出窗口上有单选按钮。单选按钮显示，但是当你点击它们时，它们不会切换检查哪一个。任何想法如何解决这一问题？我认为刷新的东西会做到这一点，但我尝试了一些不成功的事情。

<div class="ui-grid-b center hide" id="grid-2"> 
       <div class="ui-block-a gridRows"> 
        <h2 class="labelText">LS1</h2> 
        <a href="#LS1popup" data-rel="popup" onClick="strobeBackground();"><img src="images/LEDoff.gif" id="LS1LED" class="LED"></a> 
       </div> 
       <div class="ui-block-b gridRows"> 
        <h2 class="labelText">LS2</h2> 
        <a href="#LS2popup" data-rel="popup" id="" onClick="strobeBackground();"><img src="images/LEDoff.gif" id="LS2LED" class="LED"></a> 
       </div> 
       <div class="ui-block-c gridRows"> 
        <h2 class="labelText">MS</h2> 
        <a href="#MSpopup" data-rel="popup" id="" onClick="strobeBackground();"><img src="images/LEDoff.gif" id="MSLED" class="LED"></a> 
       </div> 
      </div> 

这个div下面有弹出和单选按钮

<div data-role="popup" id="LS1popup" data-theme="d"> 
      <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>    
       <fieldset data-role="controlgroup" data-inset="true"> 
        <ul data-role="listview" data-inset="true" data-theme="d" data-icon=""> 
         <li>Edit LS1 LED</li> 
        </ul> 
         <input type="radio" name="LS1" id="LS1off" value="off" onClick="setImages();" data-theme="b" checked="checked"/> 
         <label for="LS1off">Off</label> 
         <input type="radio" name="LS1" id="LS1green" value=" green" onClick="setImages();" data-theme="b"/> 
         <label for="LS1green">Green</label> 
         <input type="radio" name="LS1" id="LS1flashinggreen" value="flashinggreen" onClick="setImages();" data-theme="b"/> 
         <label for="LS1flashinggreen">Flashing Green</label> 
         <input type="radio" name="LS1" id="LS1yellow" value="yellow" onClick="setImages();" data-theme="b"/> 
         <label for="LS1yellow">Yellow</label> 
       </fieldset> 
     </div><!-- /popup --> 

Answer 1

想通了，我找到了正确的单选按钮刷新jQuery的

http://jquerymobile.com/demos/1.0/docs/forms/docs-forms.html

Answer 2

做工精细这里http://jsfiddle.net/yeyene/AeXnV/点击图片下LS1看看。

和setImages()函数在做什么？

<div data-role="popup" id="LS1popup" data-theme="d"> 
     <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>    
      <fieldset data-role="controlgroup" data-inset="true"> 
       <ul data-role="listview" data-inset="true" data-theme="d" data-icon=""> 
        <li>Edit LS1 LED</li> 
       </ul> 
        <input type="radio" name="LS1" id="LS1off" value="off" onClick="setImages();" data-theme="b" checked="checked"/> 
        <label for="LS1off">Off</label> 
        <input type="radio" name="LS1" id="LS1green" value=" green" onClick="setImages();" data-theme="b"/> 
        <label for="LS1green">Green</label> 
        <input type="radio" name="LS1" id="LS1flashinggreen" value="flashinggreen" onClick="setImages();" data-theme="b"/> 
        <label for="LS1flashinggreen">Flashing Green</label> 
        <input type="radio" name="LS1" id="LS1yellow" value="yellow" onClick="setImages();" data-theme="b"/> 
        <label for="LS1yellow">Yellow</label> 
      </fieldset> 
    </div><!-- /popup -->