0

我在 $.ajax 调用的 success() 函数中向表中添加行，并且行中有一些提交输入。这是创建行的代码：

$.each(data, function(index,element) {
    $('table#tblBranchCoverage tbody').delay(300).append('<tr class="coverageRow">' +
        '<td class="deleteCounty">' +
            '<input type="checkbox" class="chkDeleteCounty" name="deleteCounties[]" value="' + element['id'] + '" />' +
        '</td>' +
        '<td class="countyCovered">' + 
            '<label class="branchCountyCovered coverageDisplay">' + element['branchCountyCovered'] + '</label>' +
            '<input type="text" class="edit editBox editCounty" value="' + element['branchCountyCovered'] + '" /><br />' + 
            '<input type="submit" class="edit button submitCoverageEdits" value="Save Changes" /><br />' +
            '<input type="submit" class="edit button cancelCoverageEdits" value="Cancel" />' +
            '<input type="hidden" id="branchCoverageID" value="' + element['id'] + '" />' +
        '</td>' +
        ...

页面的其余输入由 UI 主题设置样式，但动态创建的表格行中的按钮则没有。

我尝试使用

$( ".submitCoverageEdits" ).button( "refresh" );

来自 UI 按钮文档。我没有在文档中看到可能适用于我的情况的任何其他内容。

将该行放入成功的 ajax 调用中会阻止创建整个表。将行移动到调用 ajax 函数之后完全没有“破坏”创建表，但按钮也没有样式。

如何将 UI 样式应用于在表格行中创建的按钮？

4

1 回答 1

0

$('#tblBranchCoverage tr:last').button( "refresh" );在AJAX 成功处理程序中附加一行调用后。

于 2013-01-31T14:46:25.693 回答