Question

当点击寻呼机链接时我有网格然后html从服务器端通过ajax调用返回，并且新的网格html将被添加到div中。新的html内容有一个按钮，其中包含一个名为edit-user的类。

所以我写了这个代码来附加jquery点击按钮，这是动态添加页面.....但在我的情况下它不起作用。

$(function () {
    $('#gridContent').on('click','.edit-user', function () {
        var tr = $(this).parents('tr:first');
        $(tr).addClass('Editing');
        if ($(tr).find("td:nth-child(2)").hasClass('PadOn')) {
            $(tr).find("td:nth-child(2)").removeClass("PadOn");
            $(tr).find("td:nth-child(3)").removeClass("PadOn");
            $(tr).find("td:nth-child(4)").removeClass("PadOn");
            $(tr).find("td:nth-child(5)").removeClass("PadOn");

        }

        $(tr).find("td:nth-child(2)").addClass("PadOff");
        $(tr).find("td:nth-child(3)").addClass("PadOff");
        $(tr).find("td:nth-child(4)").addClass("PadOff");
        $(tr).find("td:nth-child(5)").addClass("PadOff");

        tr.find('.edit-mode, .display-mode').toggle();
        $(tr).find("input[id*='txtFirstName']").focus();
        return false;
    });

我使用的是jquery文件版本v1.10.2。寻找帮助和建议，比如我犯了哪个新按钮没有附加jquery按钮点击事件。感谢

Answer 1

尝试以下内容。希望这会有所帮助。

 $('body').on('click','.edit-user', function () {
     //your code
});

Answer 2

使用此代码排序的问题

 $(document).on('click', '.edit-user', function () {
var tr = $(this).parents('tr:first');
        $(tr).addClass('Editing');
        if ($(tr).find("td:nth-child(2)").hasClass('PadOn')) {
            $(tr).find("td:nth-child(2)").removeClass("PadOn");
            $(tr).find("td:nth-child(3)").removeClass("PadOn");
            $(tr).find("td:nth-child(4)").removeClass("PadOn");
            $(tr).find("td:nth-child(5)").removeClass("PadOn");

        }

        $(tr).find("td:nth-child(2)").addClass("PadOff");
        $(tr).find("td:nth-child(3)").addClass("PadOff");
        $(tr).find("td:nth-child(4)").addClass("PadOff");
        $(tr).find("td:nth-child(5)").addClass("PadOff");

        tr.find('.edit-mode, .display-mode').toggle();
        $(tr).find("input[id*='txtFirstName']").focus();
        return false;
    });

感谢

JQuery：动态页面内容和附加按钮单击

2 个答案: