导航框架一切换菜单栏

darren丶csl

用导航框架一做切换菜单栏功能时遇见一个问题，用你们自带的Menu方法做切换菜单栏的时候，传入相同的参数时，第一次可以获取到item，但是后面的item全部都是undefined，请问有什么事原理吗？

dforce

请提供例子来重现问题，包括数据

darren丶csl

dforce 发表于 2018-9-14 11:35
请提供例子来重现问题，包括数据

这里有没有切换框架有示例或者文档，我就是在调用这个
var menu = new Menu("#mainMenu", {
            itemclick: function (item) {
                if (!item.children) {
                    activeTab(item);
                }
            }
        });
的时候出的错，item丢失，具体的你可以看我的demo

dforce

darren丶csl 发表于 2018-9-14 11:44
这里有没有切换框架有示例或者文档，我就是在调用这个
var menu = new Menu("#mainMenu", {
            i ...

不建议每次重新生成menu，建议使用menu.loadData(data)来更新menu的数据
注意loadData方法需要优化一下
menu.js内
loadData: function (data) {
        this.options.data = data || [];
        this.refresh();
        this._idHash = [];
    },
加上标红的这行

darren丶csl

dforce 发表于 2018-9-14 14:35
不建议每次重新生成menu，建议使用menu.loadData(data)来更新menu的数据
注意loadData方法需要优化一下
...

加上后菜单栏点击事件就挂了...版主可以给一个类似的切换示例嘛？
因为我尝试了几次菜单栏点击时在menu.js中获取的item都是undefined。
直接效果就是加载不出对应Tab页或者菜单栏展不开

dforce

darren丶csl 发表于 2018-9-14 15:04
加上后菜单栏点击事件就挂了...版主可以给一个类似的切换示例嘛？
因为我尝试了几次菜单栏点击时在menu.js ...

1 修改你的方法，初次new生成menu，后面点击头部菜单就用loadData来加载数据，而不是重新创建
2 修改menu.js内loadData方法
  loadData: function (data) {
        this.options.data = data || [];
        this.refresh();
        this._idHash = null;
    },

前面写错了，这里应该是直接null清空

darren丶csl

dforce 发表于 2018-9-14 16:55
1 修改你的方法，初次new生成menu，后面点击头部菜单就用loadData来加载数据，而不是重新创建
2 修改men ...

首先感谢版主大大的耐心解释及示例。
这种方法可以解决菜单栏加载问题。
但是只有初次加载的系统可以单击加载出Tab页，切换至其它系统时则获取不到item对象

dforce

darren丶csl 发表于 2018-9-14 17:25
首先感谢版主大大的耐心解释及示例。
这种方法可以解决菜单栏加载问题。
但是只有初次加载的系统可以单击 ...

可以获取到item对象的啊，itemclick里面我打印了item，切换菜单都是可以获取的。

darren丶csl

dforce 发表于 2018-9-14 17:35
可以获取到item对象的啊，itemclick里面我打印了item，切换菜单都是可以获取的。 ...

我把我这边的替换成了你的，还是不行哎，难道是menu.js不一样吗好纳闷

dforce

darren丶csl 发表于 2018-9-14 17:43
我把我这边的替换成了你的，还是不行哎，难道是menu.js不一样吗好纳闷

运行里面的main.htm测试。。。