javascript - 使用“切换”单击更改图标
问题描述
我有与这里相同的 HTML、CSS 和 Javascript:单击后如何关闭此菜单
请告诉我单击并打开顶部导航后如何将汉堡图标更改为关闭 (x) 图标(不使用图标旋转)导航栏。我尝试了此处发布的内容但失败了(我确实添加并尝试了那里提到的所有内容,包括<i id="click-spanish" class="fa fa-caret-down"></i> and <div id="spanish-examples"></div>
):单击时更改切换图标
解决方案
您可以将变量用于类并使用 onclick 函数来切换变量
let icon = true
const changeIcon = () => {
icon = !icon
}
在 html 中你可以使用 like
<i id="click-spanish" onclick="changeIcon()" class={icon ? "fa fa-caret-down":"some other icon"}> </i>
推荐阅读
- scala - 在同一个规范文件中测试 akka-http 和 akka 演员时,如何解决冲突的演员系统?
- android - E/RecyclerView:没有附加适配器;在片段内的recyclerview上跳过布局
- c# - C# Telegram bot 有一个“未处理的异常”
- java - 获取 Log4j2 错误
- c# - 使用用户输入添加整数
- java - Java 中的 i++ 和 ++i
- angular - 如何在角度 8 中禁用路由?
- git - 我在一个分支上工作,我想回到 master 忽略我在分支上所做的所有更改
- php - 如何在颤振中散列字符串并在 php 中验证它?
- sapui5 - 如何同步不同视图中的控件值