javascript - 应用 css 类时，隐藏输入不会保持隐藏状态

Question

我有两个按钮，一个用于编辑帖子，另一个用于取消编辑。根据编辑状态，应该隐藏一个。但默认情况下，取消按钮应在页面加载时隐藏。在我将 css 类应用于按钮之前，这非常有效。

<input onclick="javascript: EditDay();" type="button" value="Edit Day" id="editDayButton" name="editDayButton" class="btn btn-primary" />
<input onclick="javascript: CancelEditDay();" type="button" value="Cancel" id="cancelEditDayButton" name="cancelEditDayButton" hidden="hidden" class="btn btn-primary"/>

我可能可以使用加载页面时运行的 javascript 隐藏按钮。但我不确定该怎么做。

Answer 1

.hidden {
  display: none ;
 }

将此添加到您的 CSS 文件并将您的类更改为

 class="btn btn-primary hidden"

并确保您的类在定义中不包含任何 block 注释

编辑:执行以下操作

<input onclick="javascript: CancelEditDay();" type="button" value="Cancel" id="cancelEditDayButton" name="cancelEditDayButton" class="btn btn-primary hello hidden"/>

jquery 将是

$(document).ready(function(){
     $(document).on('click','.hello',function(e){
      $('.hello').removeClass('hidden');
   });
});