在提交测验之前需要隐藏按钮[关闭]

Question

在提交上述测验之前，我需要隐藏底部显示“第二章”的按钮。提交测验时已经添加了一个名为“qmn_results_page”的类

所以，理想情况下，我可以写一些内容，当“qmn_results_page”出现在页面上时，显示“quiz_button”

这是一回事吗？ Javascript不是我的强项！

这里是链接：http://adventuretoward.com/client/kids247/chapter-one-questions/

Answer 1

您需要做的是添加一个脚本，通过搜索以qmn_results_page 作为类的元素来检查结果页面是否正在显示（这表明用户已完成测试并正在查看答案页）。如果存在，则将quiz_button 类按钮的样式更改为block，使其不再隐藏。

我在下面包含的花哨的document.addEventListener("DOMContentLoaded", function(event) { ... }); 包装器基本上告诉页面在每次加载页面时（以及提交表单时）运行此代码。

请将此脚本添加到您的第一章问题页面，如果有帮助请告诉我：

<script>
    document.addEventListener("DOMContentLoaded", function(event) { 
        if (document.querySelector('.qmn_results_page') != null) 
            document.querySelector('.quiz_button').style.display = 'block';
    });
</script>