1

AJAX 呼び出しを行い、JSON の形式でデータを取得し、データへのアクセスに問題はありません。オブジェクトの配列が返されるので、それらを反復処理して DOM を操作します。次のコードは、この繰り返しを示しています。

for (var key in data){
    reg_count++ ;
    attendee_markup += '<tr><td>' + data[key].student_num + '- ' + data[key].fname + ' ' + data[key].lname ;
    attendee_markup += '<td style="text-align: center;"><div class="ui-buttonset">' ;
    attendee_markup += '<input type="radio" id="ws' + data[key].reg_id + '-yes" name="' + data[key].reg_id + '" class="ui-helper-hidden-accessible" value="yes"><label for="ws' + data[key].reg_id + '-yes" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button"><span class="ui-button-text">Yes</span></label>' ;
    attendee_markup += '<input type="radio" id="ws' + data[key].reg_id + '-no" name="' + data[key].reg_id + '" class="ui-helper-hidden-accessible" value="no"><label for="ws' + data[key].reg_id + '-no" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" role="button"><span class="ui-button-text">No</span></label>' ;
    attendee_markup += '</div></td></tr>' ;
}

呼び出すボタンセットを初期化するには$('.ui-buttonset').buttonset();

「attendee_markup」と、後で DOM に追加する文字列を使用しています。ボタンセットを除いて、すべてが完璧に機能します。ボタンセットとして表示されますが、クリックしても何も起こりません。Chrome コンソールにもエラーは表示されません。

4

1 に答える 1

1

コードの 3 行目に</td>は、最後に欠落があります。これはおそらくあなたのロジックを台無しにしているものです。あなたがする必要があるのは、変更するだけです

attendee_markup += '<tr><td>' + data[key].student_num + '- ' + data[key].fname + ' ' + data[key].lname ;

に

attendee_markup += '<tr><td>' + data[key].student_num + '- ' + data[key].fname + ' ' + data[key].lname + '</td>';
                                                                                                          ^^^^^
于 2012-09-17T13:48:05.210 に答える