单选按钮与相应的文本重叠

Question

单选按钮 重叠它们的文本值。它也没有采取整个屏幕，我尝试了控制组asd。这有什么问题？ 我正在使用 jquery-1.10.min.js 和 jquery-mobile-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

我用下面的代码替换了yor代码，并且工作正常。导致错位的主要原因是jquery移动内联样式。在jqm中，添加一个带有type =“radio”属性和相应标签的输入并设置标签的for属性以匹配输入的id，以便它们在语义上相关联。

<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

我希望你觉得它很有用