1

我有一个 JQuery Mobile/Phonegap 应用程序。在动态插入 html 表单元素后，我调用.trigger('create')包含元素，如下所示：

$('div#response-form').append(formHtmlString).trigger('create');

除了单选按钮和复选框之外，所有元素的样式都正确，它们只是部分样式并且也没有正确对齐。见下图：

JQuery Mobile 中的动态表单

我到底做错了什么？

谢谢！

编辑

这是包含在formHTMLString变量中的 HTML 代码：

<form data-response_id="API1201344135246">
<div data-page="1">
    <h3>Page One</h3>
</div>
<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <legend>Question - Checkbox*</legend>
        <input type="checkbox" name="10010" id="10010" value="One"  class="custom" />
        <label for="10010">One</label>
        <input type="checkbox" name="10011" id="10011" value="Two"  class="custom" />
        <label for="10011">Two</label>
        <input type="checkbox" name="10012" id="10012" value="Three"  class="custom" />
        <label for="10012">Three</label>
    </fieldset>
</div>
<div data-role="fieldcontain">
    <label for="2">Question - String*</label>
    <input type="text" name="2" id="2" value="" />
</div>
<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <legend>Question - Radio Button</legend>
        <input type="radio" name="6" id="10004" value="Yes"  />
        <label for="10004">Yes</label>
        <input type="radio" name="6" id="10005" value="No"  />
        <label for="10005">No</label>
        <input type="radio" name="6" id="10006" value="Maybe"  />
        <label for="10006">Maybe</label>
    </fieldset>
</div>

....

</form>
4

1 回答 1

1

更新：

如果您想使用自定义主题/样式，请加载 jQuery-Mobile 默认 CSS 并覆盖其样式。

.checkboxradio()使用和动态增强复选框和单选按钮的标记.trigger('create')。

复选框：

$('input[type=checkbox]').checkboxradio().trigger('create');

单选按钮：

$('input[type=radio]').checkboxradio().trigger('create');

演示

于 2013-05-02T08:42:18.420 回答