目前正在尝试解决 WordPress 网站的问题。该网站安装了 ATBar 插件，这是一个辅助功能插件，在每个页面的顶部都有一个工具栏。此工具栏与普通的 Wordpress 工具栏重叠，因此我向 WP 工具栏添加了一些 CSS 以将其向下推一点:
top: 40px;
因为 40px 是 ATBar 的高度。不幸的是，当 ATBar 关闭时(通过工具栏上的按钮)，间隙留在顶部。
我已经尝试将点击事件绑定(bind)到 ATBar 关闭按钮，但它没有效果，可能是因为 ATBar 在页面加载时动态加载了 JS。因此，我尝试只在窗口准备好时绑定(bind)事件，而不是文档，但也没有效果!
网站在这里:http://simp.daveclarke.me/ , 如果您访问此页面，您将看到两个栏。
感谢任何建议
最佳答案
I've tried binding a click event to the ATBar close button but it has no effect, possibly because the ATBar is dynamically loaded with JS on pag
我认为这不是动态加载 JS 的问题，而是 wordpress 栏在 CSS top 属性中有一个 !important 的事实。如果您可以删除 !important 标签，然后执行以下操作:
document.getElementById('at-lnk-atkit-unload').addEventListener('click', function(){
document.getElementById('wpadminbar').style.top = "1px"
});
这应该可以解决问题
关于javascript - 单击 ATBar 按钮时更改 div 的 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21530379/