easyui的tab切换问题，第一个总显示最后一个

我想请问个问题 在easyui 中
创建tabs后，并生成多个tab，然后点击首个tab，但下部内容显示仍是最后一个tab的内容.
下面是主要的js代码.
function addTab(subtitle, url){
if (!$('#tabs').tabs('exists',subtitle)){
$('#tabs').tabs('add', {
title: subtitle,
content: createFrame(url),
closable: true,
width: $('#mainPanle').width() - 10,
height:$('#mainPanle').height() - 26
});
} else {
$('#tabs').tabs('select', subtitle);
}
tabClose();
}

       function createFrame(url) {    
           var s = '<iframe name="mainFrame" scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
           return s;
       }

我也确到这个问题，求解

这是由于tabs对href重载的的问题导致，因此我们需要将href更改为其它自定义的属性即可避免此问题的发生。

解决方法如下：

第一步页面端：

循环体开始

循环体结束

将href="@n.Url" 更改为：ghref="@n.Url"

更改后为：

循环体开始

循环体结束

第二步JS端：

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

看红色部分：将var url = $(this).attr("href");更改为：var url = $(this).attr("ghref"); 即可

解答的方法对的，我试了

赞！！！解决了我的问题。