layui无法重复打开菜单问题

Question

layui已打开过的菜单，点击无法切换
在菜单栏中再点击已打开过的菜单，无法切换过去，把id设置为随机值，点击会一直打开新标签，怎么才能切换到之前已打开过的标签呢

//点击菜单打开新的页签
    function AddTab(title,content,id) {
        let $node = $('li[lay-id="'+id+'"]');
        if($node.length==0){
            parent.tab.tabAdd({
                title: title,
                url:content,
                id: Math.round(Math.random()*1000000),
                // id: id,
            })
        }
    }

Answer 1

答案引用自chatgpt生成，望对题主有所帮助/启发；若有帮助，还望采纳！

layui是一个前端UI框架，用于快速构建页面。关于layui无法重复打开菜单的问题，通常是由于事件绑定或者菜单状态控制不当导致的。

首先，我们需要明确layui的菜单是如何工作的。在layui中，菜单是通过点击触发事件来展开或收起的。当一个菜单被展开时，它的子菜单也会被展开。如果再次点击这个菜单，layui会默认收起这个菜单及其所有子菜单。

那么，为什么有时候会出现无法重复打开菜单的问题呢？这通常是由于事件绑定或者菜单状态控制不当导致的。例如，如果你在菜单的点击事件中阻止了事件的冒泡，那么layui就无法正确识别到这个点击事件，导致菜单无法展开。或者，如果你没有正确地设置菜单的状态，那么layui可能会误认为菜单已经被展开，从而阻止你再次点击它。

解决这个问题的方法是，你需要确保你的事件绑定是正确的，并且你需要正确地设置菜单的状态。以下是一个简单的示例：

layui.use('element', function(){
  var element = layui.element;
  
  // 监听导航栏的点击事件
  element.on('nav(demo)', function(elem){
    // 获取当前菜单的id
    var id = elem.attr('data-id');
    
    // 如果当前菜单已经展开，那么就收起它
    if(elem.hasClass('layui-nav-itemed')){
      elem.removeClass('layui-nav-itemed');
    } else {
      // 否则，就展开它
      elem.addClass('layui-nav-itemed');
    }
  });
});

在这个示例中，我们首先监听了导航栏的点击事件。然后，我们获取了当前菜单的id，并根据它的展开状态来决定是展开还是收起它。这样，我们就可以实现重复打开菜单的功能了。