简单的第一次点击触发第一个功能 - 第二次点击触发另一个功能不起作用？

问题描述

早上好，昨天被这个卡住了 - 不知道为什么它没有启动。

试图做到这样，当菜单被激活时，值将从另一个 JS 文件中的数组中拉出，但在菜单关闭时被删除。我让值被拉到位工作，但似乎无法实现在第二次点击时被删除的值。

我已经检查了删除值功能，当它绑定到另一个按钮时它可以工作。

const burger = document.querySelector('.burger');
    const nav = document.querySelector('.nav-links');
    const navLinks = document.querySelectorAll('.nav-links li');
        
burger.onClick(function() {
 
    toggleFlag ? first() : second();
    toggleFlag = !toggleFlag;
});

var toggleFlag = true;

function first(){
        burger.addEventListener('click',() => {
            nav.classList.toggle('nav-active');
        if('nav-active')pullValue();
       });
         //Burger Animation
        burger.classList.toggle('toggle');
};

function second() { deleteValue() };

解决方法

感谢大家的帮助，我最后选择了这个：

 return Padding(
                  padding: EdgeInsets.all(8),child: ListView.builder(
                    itemCount: productsData.items.length,itemBuilder: (_,i) => Column(
                      children: [
                        UserProductItem(
                          productsData.items[i].id,productsData.items[i].title,productsData.items[i].isAvailable
                           
                        ),Divider(),],),);