Javascript 隐藏元素后无法显示它

所以在我隐藏了主菜单的第一个元素之后，我显示了另一个带有输入的菜单，两个按钮播放和返回。当我单击return时，我想返回主菜单的第一个元素，但是show和hide不再起作用，我不知道为什么。我想在Electron上制作这个应用程序，但我也在web浏览器上尝试过，也是一样的。如果你能帮助我，我将非常感激

window.$=window.jQuery=require'jQuery'； $'AIbtn，PVPbtn'。单击函数{ 如果this.id==“AIbtn”{ 显示菜单； } 否则，如果this.id=='PVPbtn'{ 显示_pvp_菜单； } 否则，如果this.id=='returnBTN'{ 显示初始菜单； } }; 功能显示菜单{ $.removeContent.hide； $.afterClick.showfunction{ $this.append

请输入您的姓名！

；

---

$this.append正如Ashay所说，show没有与您的用法相匹配的签名。 见文件: 如果希望在动画完成时执行代码，可以

$..显示{complete:function myCompleteCallback{…}

或

$..show400/*duration*/，函数myCompleteCallback{…}

---

如果您希望同步执行代码，而不是等待显示完成，请再次参阅Ashay的回答，将代码放在调用显示后。

在下面的函数中，第三个子句是不可访问的，您只将click事件附加到AIbtn和PVPbtn，因此此.id永远无法返回BTN

但是，仅通过将该ID添加到选择器列表无法解决此问题，因为在分配这些单击事件时，returnBTN元素还不存在，因为您稍后仅将其作为show\u foo\u菜单函数的一部分附加到DOM中

您可以改为使用，将其附加到始终存在的父元素：

$'parent'.onclick，AIbtn，PVPbtn，returnBTN，函数{ 如果this.id==“AIbtn”{ 显示菜单； }否则，如果this.id=='PVPbtn'{ 显示_pvp_菜单； }否则，如果this.id=='returnBTN'{ 显示初始菜单； } }; 功能显示菜单{ $.removeContent.hide； $.afterClick.showfunction{ $this.empty；//不要复制内容 $this.append

请输入您的姓名！

； $this.append

$('#AIbtn, #PVPbtn').click(function() {
  if (this.id == 'AIbtn') {
    show_ai_menu();
  } else if (this.id == 'PVPbtn') {
    show_pvp_menu();  
  } else if (this.id == 'returnBTN') {
    show_init_menu();
  }
});