单选按钮重叠Coressponding文本

Question

被重叠他们的文本值的单选按钮。也没有采取整个屏幕，我试图控制组asd以及。这有什么问题？ 我使用jquery的-1.10.min.js和jQuery的移动1.4.0.min.js和下面是代码段

<div data-role="content"> 
    <form> 
     <div class="ui-grid-b "> 
      <div class="ui-block-a"> 
       <span> 
        <input type="radio" name="income" value="Monthly">Monthly</input> 
       </span> 
      </div> 
      <div class="ui-block-b"> 
       <span> 
        <input type="radio" name="income" value="Annually">Annually</input> 
       </span> 
      </div> 
     </div> 
    </form> 
</div> 

Answer 1

我取代侑代码与下面的代码和它的工作很好。而你错位的主要原因是因为jquery移动内联样式。在jqm中，添加一个带有type =“radio”属性和相应标签的输入，并将标签的for属性设置为匹配输入，因此它们在语义上相关联。

<div class="ui-grid-b "> 
      <div class="ui-block-a"> 
       <input type="radio" name="income" value="Monthly" id="radio-choice-2"/> 
       <label for="radio-choice-2">Monthly</label> 
      </div> 

演示：http://plnkr.co/edit/beYWdwSmtzYCaRS4ibYK?p=preview

我希望你觉得它有用