You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Quarto与RevealJS中实现项目符号与子项同步增量显示?

在Quarto RevealJS中实现父项目符号与子项同步增量显示

要让父项目符号和对应的子项同步出现,你可以通过以下两种方式实现:

方法1:拆分.incremental容器

将每个父项及其子项单独包裹在.incremental容器内,每个容器内的所有元素会同步显示:

---
title: "Demo"
format: revealjs
---

::: incremental
- thingy 1
    - detail 1A
    - detail 1B
:::

::: incremental
- thingy 2
    - detail 2A
    - detail 2B
:::

方法2:使用自定义片段索引

通过给列表项添加data-fragment-index属性,让相同索引的元素同步显示,需要用HTML列表语法实现:

---
title: "Demo"
format: revealjs
---

<ul>
  <li data-fragment-index="0">thingy 1
    <ul>
      <li data-fragment-index="0">detail 1A</li>
      <li data-fragment-index="0">detail 1B</li>
    </ul>
  </li>
  <li data-fragment-index="1">thingy 2
    <ul>
      <li data-fragment-index="1">detail 2A</li>
      <li data-fragment-index="1">detail 2B</li>
    </ul>
  </li>
</ul>

两种方法都能满足需求:点击时先显示thingy 1及其所有子项,再显示thingy 2及其所有子项。

内容的提问来源于stack exchange,提问作者itsMeInMiami

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 14:21:05