easyui 打开多个tab页签，切换到第一次打开的页签时，其内容总是别的页签内容解决办法。

最新推荐文章于 2021-06-05 06:28:42 发布

原创最新推荐文章于 2021-06-05 06:28:42 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #tab

本文介绍了一个关于使用 EasyUI 框架时遇到的问题：通过导航菜单打开多个 tab 页签后，切换回首次打开的页签时显示的内容不正确。提供了解决方案，即将 a 标签中的 href 属性替换为 way 属性。

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

问题：easyui 通过导航菜单打开多个tab页签，切换到第一次打开的页签时，其内容总是别的页签内容解决办法。

解决：

将下面的<a 标签中原来的href换成way即可。

$.each(g_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>';
    });
$(".easyui-accordion").append(menulist);

$('.easyui-accordion li a').click(function(){
  var tabTitle = $(this).text();
  var url = $(this).attr("way");
  addTab(tabTitle,url);
  $('.easyui-accordion li div').removeClass("selected");
  $(this).parent().addClass("selected");
}).hover(function(){
  $(this).parent().addClass("hover");
},function(){
  $(this).parent().removeClass("hover");
});