easyUI两个不同的tab内容变一样

最新推荐文章于 2021-09-16 16:44:57 发布

IT_小草

最新推荐文章于 2021-09-16 16:44:57 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： easyUI 文章标签： easyUI

本文链接：https://blog.youkuaiyun.com/IT_xiaocao/article/details/53219845

easyUI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种解决Tab切换时内容显示错误的方法。通过更改链接属性名称避免了路径混淆导致的问题，确保每个Tab页能正确加载对应的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建tabs后，并生成多个tab，然后点击首个tab，内容显示正常，但是点击其他的tab，第一个打开的tab页面也变成了后一个tab的页面。

修改方法： $.each(_menus.menus, function(i, n) {
menulist += '<div title="'+n.menuname+'" icon="'+n.icon+'" style="overflow:auto;">';
menulist += '<ul>';
$.each(n.menus, function(j, o) {
menulist += '<li><div><a target="mainFrame" herf="' + o.url + '" ><span class="icon '+o.icon+'" ></span>' + o.menuname + '</a> </div></li> ';
});
menulist += '</ul></div>';
});

将herf换一个名称就好了，例如改成way就可以了。可能就是herf的引用路径问题，混淆了。

$.each(_menus.menus, function(i, n) {
menulist += '<div title="'+n.menuname+'" icon="'+n.icon+'" style="overflow:auto;">';
menulist += '<ul>';
$.each(n.menus, function(j, o) {
menulist += '<li><div><a target="mainFrame" way="' + o.url + '" ><span class="icon '+o.icon+'" ></span>' + o.menuname + '</a> </div></li> ';
});
menulist += '</ul></div>';
});