jquery按鈕樣式不能在HTML表格內工作

Question

我有一個頁面，我試圖使用Ajax獲取數據並將其附加到HTML表格動態。一切工作正常，但對於我試圖將鏈接設置爲jquery按鈕的列之一。我在整個應用程序中爲按鈕使用相同的css類，它在所有其他地方都可以正常工作。 只是在動態添加的行上，鏈接顯示爲一個普通的鏈接，而不是作爲一個jQuery按鈕進行連接。裏面點擊

Answer 1

你應該把這個

$(".jqbutton").button(); 

爲點擊事件處理函數爲好。

$("#test").click(function(){ 
    console.log("button clicked"); 
    $('<tr>').append(
     $('<td>').text('Test data x'), 
     $('<td>').text('Test data y'), 
     $('<td>').text('Test data z'),   
     $('<td>').html('<a href="#" class="jqbutton">Click me</a>') 
    ).appendTo('#testtable'); 
    $(".jqbutton").button(); 
}); 

Answer 2

使用.button（）方法

$(function(){ 
    $(".jqbutton").button(); 

    $("#test").click(function(){ 
     console.log("button clicked"); 
     $('<tr>').append(
      $('<td>').text('Test data x'), 
      $('<td>').text('Test data y'), 
      $('<td>').text('Test data z'),   
      $('<td>').html('<a id="test" class="jqbutton">Click me</a>') 
     ).appendTo('#testtable'); 
     $(".jqbutton").button(); 

    }); 
}); 

鏈接到Demo