$.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 スタイルを適用するにはどうすればよいですか?