在 blogdown + Anatole 主题中添加代码折叠按钮时出现问题
Problem adding code folding button in blogdown + Anatole theme
我在向 Blogdown 中的 Anatole 主题添加代码折叠时遇到问题。
我已经关注 this blogpost 并且我设法为每个代码块添加了“Show/Hide 所有代码”和单独的按钮。
每个代码块上方的按钮工作正常，但“Show/Hide 所有代码”按钮不工作。
这是我博客中的 post 代码：https://martinolmos.github.io/datos_tic/en/post/2021-11-09-30-day-map-challenge-day-3-and-4/
我注意到一件有趣的事：当我使用开发人员工具检查按钮并单击 event 时，我看到了以下内容：
所以，我认为出于某种原因，当我单击“Show/Hide 所有代码”按钮时，它会调用 dropdown.js 两次，并且可能第二次调用会抑制第一次调用。这可能是问题所在吗？我能做些什么来修复它？
我对 html/javascript 了解不多，如果这是一个非常 basic/dumb 的问题，我深表歉意。
你是对的...你嵌入了页脚 <footer> 两次，这会添加两次事件。您可以通过在浏览器中查看页面源代码来查看。第一个页脚在页眉之前加载（在侧边栏内）。第二个在页面底部。
我在向 Blogdown 中的 Anatole 主题添加代码折叠时遇到问题。 我已经关注 this blogpost 并且我设法为每个代码块添加了“Show/Hide 所有代码”和单独的按钮。
每个代码块上方的按钮工作正常，但“Show/Hide 所有代码”按钮不工作。
这是我博客中的 post 代码：https://martinolmos.github.io/datos_tic/en/post/2021-11-09-30-day-map-challenge-day-3-and-4/
我注意到一件有趣的事：当我使用开发人员工具检查按钮并单击 event 时，我看到了以下内容：
所以，我认为出于某种原因，当我单击“Show/Hide 所有代码”按钮时，它会调用 dropdown.js 两次，并且可能第二次调用会抑制第一次调用。这可能是问题所在吗？我能做些什么来修复它？
我对 html/javascript 了解不多，如果这是一个非常 basic/dumb 的问题，我深表歉意。
你是对的...你嵌入了页脚 <footer> 两次，这会添加两次事件。您可以通过在浏览器中查看页面源代码来查看。第一个页脚在页眉之前加载（在侧边栏内）。第二个在页面底部。