使用easy-ui tab 的总结（切换问题）

最近有空研究easy-ui-tab 控件的使用时总结：

 

easy-ui-tab控件的使用，通过从网上看到很多人的抱怨，比如内存泄露等等问题。从一个开发者的角度来说，我们应该感谢它，尽管它现在不是尽善尽美，毕竟它为我们带来了一些便利！

 

言归正传，最近从网上找了一个关于easy-ui-tab的demo，里面是一位前辈整理的关于与tab的使用，最初感觉不错。从客户的使用角度，比先前每次都新打开一个页面 更容易让客户看到我们做出的努力。

 

结果使用时候问题出现了：

 

每次新打开一个tab，结果第一个打开的tab的内容是最后一个打开tab内容

 

本来计划修改tab选择的事件

1  $('#tabs').tabs({
2         onSelect: function (title) {
3             var currTab = $('#tabs').tabs('getTab', title);
4             var iframe = $(currTab.panel('options').content);
5             var src = iframe.attr('src');
6             $('#tabs').tabs('update', { tab: currTab, options: { content: createFrame(src)} });
7         }
8     });

 

结果IE几乎崩溃，至今我也不知道这是为什么~~~~

 

然后经过查看官方给出的demo，发现里面打开一个新的tab，内容都是给固定的。

 

  function addPanel(){
   index++;
   $('#tt').tabs('add',{
    title: 'Tab'+index,
    content: '<div style="padding:10px">Content'+index+'</div>',
    closable: true
   });
  }

 

这让我怀疑，我使用存在了问题！经过测试，我把我的改成固定内容，发现问题解决！

 

原代码：

 

menulist += '<li><div><a target="mainFrame" href="' + o.url + '" ><span class="icon '+o.icon+'" ></span>' + o.menuName + '</a></div></li> ';

 

经过修改：

 

menulist += '<li><div><a url="' + o.url + '" ><span class="icon '+o.icon+'" ></span>' + o.menuName + '</a></div></li> ';

 

不使用href 结果修改成功！