光环云课堂-按需显示答案/解析
2019-10-23 本文已影响0人
笙笙哥
注:如果你一位备考的光环学员,请一定将此文看完
此篇文章分享给那些与我一样,正在努力学习PMP,且希望通过改进工具,来提高效率的同学,专业的同学直接拿代码。
错题题解析
使用场景
在光球考PMP的同学,相信你有同样的需求:
A. 200道的模拟题做完后,重做且只做错题;
B. 复盘读题时,直接看到答案不利于记忆。
总之就是需要在看解析时,隐藏答案,需要时显示答案(点击按钮显示答案)。
如下图,不希望显示画线的部分
执行代码之前
我写了下面这段脚本,能帮助我们实现此需求:
$('input').attr({'checked':false, 'disabled':false})
$('.jxxq_answer,.jxxq_jx_txt').hide();
$('.st_content_txt').append('<button style="color: #fff;background: #f25051;padding:6px 15px;border-radius:5px; margin-top:20px" onclick="showAnswer(this)">显示答案</button>')
function showAnswer(e){$(e).prevAll().show();$(e).hide()}
- 复制上面的脚本,打开浏览器(推介使用Chrome)
- 开发工具
Mac 系统 按Command + option + i
Windows 系统按F12打开开发工具
- 找到运行,粘贴代码,回车运行
运行脚本后的效果如果下:
运行后的效果1
运行后的效果2
点击【显示答案】就可以显示答案与解析了。
有的同学会问题,为什么刷新过后就没有此功能了,或者为什么网站不自带此功能?
因为此网站不是我开发的,无法将以上脚本(功能)布置到服务器上去,所以代码只能在客户端(自己的浏览器)上运行,重新加载网页的时候,需要重新执行此代码。
个人觉得,这样做一下挺值得的,所以分享给大家。