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

在您的第三行代码中,最后缺少一个</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 回答