1

ラジオボタンで構成されるフォームを作成しています。ラジオボタンの横にあるテストは動的です。つまり、以前のユーザー入力に基づいてSQLデータベースからロードされています。jQueryを使用してテストをHTMLに挿入していますが、そうすると、jQueryMobileGUIが正しく機能しなくなります。何が問題ですか。これがコードです。

HTMLファイル：

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

これらの入力タグとラベルタグは5つあり、IDはoption2、option3など、option-label-2、option-label-3などであることに注意してください。これがJavascriptにforループがある理由です。

JavaScriptファイル：

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

ここで問題となるのは、jQuery Mobileのラジオボタンが消え、テキストだけが残ることです。なぜこうなった ？

4

1 に答える 1

0

回避策を見つけました。jQueryグリッド機能を使用して、同じ行の2つのアイテムを取得できます。http://view.jquerymobile.com/1.3.0/docs/widgets/grids/。

2列5行のグリッドを作成しました。1つの列はラジオボタン用で、もう1つの列は回答用です。行は、ラジオボタンと回答を区切るためにあります。

于 2013-03-07T15:49:08.740 に答える