按钮在Github页面上消失，但在本地文件中不消失

Question

我有一个放在Github上的项目，也为此制作了一个Github Page。页面上有多个按钮，这些按钮具有附加的功能。由于某些原因，这个特定按钮不想显示在我的Github页面上。它在我的本地副本上显示得很好，当您检查Github Pages上的区域时，您可以看到html，但是它没有显示！有问题的按钮是“添加到甲板顶部”按钮。

<div class="collapsible-body">
     <button id="add-discard" class="btn deep-purple lighten-2 m-10">Add to Discard</button>
     <button id="add-top" class="btn deep-purple lighten-2 m-10">Add to Top of Deck</button>
     <div id="hq-cards"></div>
</div>

我尝试过的事情清单：

• 首先按下该按钮
• 将该按钮置于第二位
• 将按钮包装在div中
• 将那个按钮包装在div中

同样要注意的是：我实际上仅使用HTML，CSS，Javascript和JQuery进行此构建。

而且这可能实际上仅适用于我当前的Chrome窗口。我只是以隐身模式打开了它，并且按钮在那里。这无助于减轻我的困惑。

Answer 1

问题在我的本地主机上是一致的。而且，我发现id =“ add-top”的段落元素也将消失。也许您可以通过重命名按钮的ID名称来解决此问题。我找不到为什么特定ID名称为“ add-top”的元素会在启用广告拦截器的浏览器中消失。

    <div class="collapsible-body">
        <button id="add-discard" class="btn deep-purple lighten-2 m-10">Add to Discard</button>
        <button id="add-to-top" class="btn deep-purple lighten-2 m-10">Add to Top of Deck</button>
        <p id="add-top"> This is add top paragraph </p>
        <div id="hq-cards"></div>
    </div>