Question

我有一个页面，我正在尝试使用ajax获取数据并动态地将其附加到html表。一切正常，但对于其中一个列，我试图将链接设置为jquery按钮。我在整个应用程序的按钮上使用相同的css类，它在所有其他地方都可以正常工作。在动态添加的行上，链接显示为普通链接，而不是作为jquery按钮进行拼接。

Answer 1

使用.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

Answer 2

你应该放置这个

 $(".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();
});

jquery按钮样式在html表中不起作用

2 个答案: