Question

如果用户没有访问权限，我试图隐藏表格中的编辑按钮。但是我遇到的问题是我似乎无法编辑从Firebase附加的数据。以下代码将删除页面上具有该类的所有其他按钮，但不会删除使用以下函数附加的按钮。

    $(".editBtn").css("display", "none");

    var currentGroupUsersRef = new Firebase(FB + "/groupUsers/" + currentGroup);

    currentGroupUsersRef.on('child_added', function(snapshot){
        $('#groupPage table').append('<tr><td>one</td><td><button class="editBtn">Edit</button></td></tr>');
    });

我已尝试在jsfiddle中复制问题，但由于某些原因没有实际从firebase加载它，因此无法复制它。

Answer 1

如果你查看你的代码片段，它会像这样执行：

隐藏所有编辑按钮
当新数据从Firebase到达时，为其生成一个编辑按钮

您的编辑按钮未隐藏的事实来自于在隐藏它们的代码完成后动态创建按钮的事实。

你要么：

使用动态选择器，这是jQuery的构造，匹配动态创建的元素
在创建时隐藏每个按钮

我选择了＃2：

$('#groupPage table').append('<tr><td>one</td><td><button style="display: none" class="editBtn">Edit</button></td></tr>');

Answer 2

试试这个

$(".editBtn").css("display", "none");
$(document).on('child_added', function(snapshot){
      $('#groupPage table').append('<tr><td>one</td><td><button class="editBtn">Edit</button></td></tr>');
    });

如何更改我的附加内容？

2 个答案: