添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
严肃的橡皮擦  ·  Spring ...·  1 月前    · 
乐观的小刀  ·  Vue表情包输入组件 - 掘金·  10 月前    · 

Monokai风格随机单选题anki模板ios端的改进

易小猫开发了【Anki模板】Monokai程序员风格之随机选择题模板2.1;

本人在他的模板基础上增加了可指定答案选项的功能: 可指定答案选项的Monokai风格随机单选题anki模板

这两个模板在PC端调试无误,在其他平台本人目前发现的问题如下:

改进1:

在CSS样式中,把“.options input[name="options"]{ display: inline ;}”//行内显示

改成“.options input[name="options"]{ display: none ;}”,//不显示

可解决单选按钮可隐藏的问题。

改进2:

ios端正确率不能正确显示的问题,困扰了我好久,毕竟手机端使用anki更加便捷。最近才发现竟然是由于ios对label标签的兼容性造成的(一般都是采用label for=idname来关联对应的input type='radio' id=idname,这种方式在ios端:radio可以点击,但是点击文字无效,无法通过点击文字来关联radio控件,以触发radio控件的onclick事件)。

尝试通过修改onclick()触发对象,从radio控件改为绑定label标签,发现可解决ios端的问题。

至此,除了安卓端,尽管还存在一些小问题,但是已经不影响该模板的正常使用了。当然,尚待完善的地方还有待进一步解决,本人水平有限希望有兴趣的朋友能共同探讨或给予指导,本人不胜感谢!

注:

1、ankiDroid不支持通过head添加一个全局变量来进行正反卡片以及卡片之间的传值,所以安卓客户端存在问题较多,抽空我想通过cookie来尝试解决正反卡片传值的问题。

2、单击选项不能直接显示答案的问题估计是:py.link("ansHack")这个anki内部函数兼容性的问题,本人对anki运行机理所知有限,这个问题目前只能搁置了。哪位大神若知道移动端如何跳转背面卡片的方法,望能告知!


模板下载链接在评论区。

编辑于 2018-01-22 19:47

文章被以下专栏收录