当前正在尝试解决WordPress网站的问题。该站点安装了ATBar插件,这是一个可访问性插件,在每个页面的顶部都有工具栏。该工具栏与普通的Wordpress工具栏重叠,因此,我向WP工具栏添加了一些CSS,以将其向下推:

 top: 40px;


ATBar的高度为40px。不幸的是,当ATBar关闭时(通过工具栏上的按钮),间隙留在顶部。

我尝试将click事件绑定到ATBar关闭按钮,但是它没有任何效果,可能是因为ATBar是在页面加载时随JS动态加载的。因此,我尝试仅在窗口准备就绪时(而不是文档)绑定事件,但是也没有任何效果!

该站点位于:http://simp.daveclarke.me/,如果您访问此页面,您将看到两个栏。

任何建议表示赞赏

最佳答案

我尝试将click事件绑定到ATBar关闭按钮,但是没有任何效果,可能是因为ATBar在pag上动态加载了JS


我认为动态加载JS并不是问题,但是wordpress栏在CSS top属性中具有!important的事实。如果可以删除!important标记,然后执行以下操作:

document.getElementById('at-lnk-atkit-unload').addEventListener('click', function(){
    document.getElementById('wpadminbar').style.top = "1px"
});


那应该解决问题

08-28 20:41