我正在用创建-反应-应用程序来构建我的应用程序。我有类似src/图像/图标的文件夹结构,在图标文件夹中我有index.js:
import Logo from "./my-logo.svg";
export {
Logo
}
我这么做是因为我可以在任何地方使用任何图标
import { Logo } from '../images/icon'
否则我就得做
import Logo from '../images/icons/my-logo.sv'
通常一个页面不会有一个或两个图标,它可以更多,我不想有超长导入。但这并不能真正解决问题。
问题
我正在尝试实现一个“滑动切换菜单”,我希望菜单图标在每次单击菜单图标打开时变为“关闭”,并在每次单击菜单图标关闭时恢复到正常状态。但它只有在我重新加载页面时才起作用。在那之后,图标总是相同的: normal (不是X)。
你能帮我找到问题所在吗?
/* Mobile navigation */
$(function() {
if ($(window).width() < 980) {
var nav = $('.js--mobile-nav');
nav.hide();
}
});
$('.js--mobile-nav-icon