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 に答える