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;
       }

4个回答

这是由于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"); 即可

我也确到这个问题,求解

解答的方法对的,我试了

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问