Question

我有js文件，其中包含此代码

table = table + '<td class="mytd"><input type="button" style="display:none; width:40px;  color:White;  background-color:#00BFFF;" class="editButton" value="Edit" id="' + obj[i].orderid+ '"/></td>';

当我在同一个js文件中创建('.editButton').show();时，它会变得可见。

但刷新页面后，“编辑”按钮将不可见。

我不知道问题出在哪里..

任何帮助表示赞赏

谢谢

Answer 1

table = table + '<td class="mytd"><input type="button" style="display:none; width:40px;  color:White;  background-color:#00BFFF;" class="editButton" value="Edit" id="' + obj[i].orderid+ '"/></td>';

输入标记中包含style="display: none"。

所以在JS中，当你以这种方式构建DOM并将其附加到HTML时，它将默认隐藏。

正如您所说，当您致电('.editButton').show();向用户显示时。

但是当你刷新页面时，DOM会再次构建，所有的JS更改都将丢失。它不保留JS更改，您需要再次执行此操作。

这就是它隐藏的原因。

如果你试图把

$(function() {
// table construction code here
// append to body

('.editButton').show();
});

当页面加载时，它将始终显示输入框。

假设您在此行之前构建表格;）

刷新页面后，我丢失了输入按钮字段

1 个答案: