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