# 在 Anki 中制作乱序选择题卡

> 本文开放前 70% 正文，剩余内容会员可见。

原文：https://utgd.net/article/20460

声明：本文脚本代码及整体思路来自这篇博客，本人根据中文稍作调整。

如果有代码基础和动手能力的，可以参考原文，或者尝试沟通原作者。如看不懂原文，或希望基于此方法进行调整，Slack 会员频道随时提问。

## 需求来源

在记选择题时，我们容易根据位置而非实际内容来记答案。例如，对于一个有 4 个选项的问题，学习者可能只记得“答案是第 3 个选项”而没有真正记得答案的具体内容。打乱选项顺序可以确保学写着真正记住了答案的内容。

## 实现方法

### 第一步：制作新模板

做个新模板，选“问答题”，然后改名 “选择题”。

### 第二步：制作新卡片

卡片有 3 个部分，正面、背面和管理样式的 CSS。这些地方，可以全部无脑粘贴我提供的代码。（如有问题，Slack 联系）

正面脚本（无脑复制粘贴）：

```
<script>
(() => {
    var container = $('.question ol');
    var content = container.find("li");
    var total = content.length;
    content.each(function() {
        content.eq(Math.floor(Math.random()*total)).prependTo(container);
        });
    })()
</script>

<div class="question-header">
题目
</div>


<div class="question">
{{正面}}
</div>
```

背面脚本（无脑复制粘贴）：

```
{{FrontSide}}

<hr id=answer>

<div class="answer-header">
Answer
</div>

<div class="answer">
{{背面}}
</div>
```

CSS 样式（无脑复制粘贴）：

```
.card {
    font-family: arial;
    font-size: 20px;
    text-align: left;
    color: black;
    background-color: white;
}

.question li {
    border-radius:8px;
    box-shadow: 0px Opx 3px black;
    padding: 0.5em 0.5em 0.
```

---

[前往标准阅读页](https://utgd.net/article/20460?audience=web)