通過jQuery UI以編程方式創建的按鈕沒有得到樣式

我在$ .ajax調用的success（）函數內向表中添加了行，並在行中添加了一些提交輸入。下面是一個創建行的代碼：通過jQuery UI以編程方式創建的按鈕沒有得到樣式

$.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樣式？

來源

2013-01-31 marky

在AJAX成功處理程序中追加一行調用$('#tblBranchCoverage tr:last').button("refresh");後。

來源

2013-01-31 14:46:25

我試圖把該行放在最後的$ .each（）函數中，甚至在每個函數之後。在這兩種情況下，桌子都沒有建成。 – marky

您是從原始位置移動該行還是複製了該行？ –

不太清楚你在問什麼，但是我在$ .each函數結束之前（在錶行被關閉之前）以及$ .each函數之外並且在ajax以外的各個地方嘗試了你的建議代碼完全打電話。（在ajax調用之外的情況下，我沒有使用tr：最後一部分） – marky

通過jQuery UI以編程方式創建的按鈕沒有得到樣式

回答

相關問題