javascript - 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();
});