使单选按钮符合动态文本插入

Question

我正在构建一个由单选按钮组成的表单。我在单选按钮旁边的测试是动态的，这意味着它是基于之前的用户输入从sql数据库加载的。我使用jQuery将测试插入HTML，但是当我这样做时，jQuery Mobile GUI停止正常工作。问题是什么。这是代码。

HTML FIlE：

<input class="optionsBox" type='radio' name='answer' id="option-1" checked="checked">
<label for="option-1" id="option-label-1"></label>

请记住，其中有五个输入和标签标签，其中id为option2，option3等，以及option-label-2，option-label-3等。这就是Javascript中存在for循环的原因。

JAVASCRIPT FILE：

for(rowNum=1; rowNum <= 5; rowNum++) {
    $("#option-"+rowNum).val(options[rowNum]);
    $("#option-label-"+rowNum).text(options[rowNum]);
}

现在问题是jQuery Mobile单选按钮消失了，只剩下文本了。为什么会这样？

Answer 1

我找到了解决方法。您可以使用jQuery网格功能将两个项目放在同一行中。 http://view.jquerymobile.com/1.3.0/docs/widgets/grids/。

我制作了一个两列和五行网格。一列用于单选按钮，另一列用于答案。这些行用于分隔单选按钮和答案。