fengguolinshao
Fred110111
采纳率16.7%
2015-02-15 03:56 阅读 4.7k

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条回答 默认 最新

  • u011183419 xxp8811 2015-08-05 02:57

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

    点赞 2 评论 复制链接分享
  • u011183419 xxp8811 2015-08-05 02:53

    我也确到这个问题,求解

    点赞 1 评论 复制链接分享
  • qq_38187934 qq_38187934 2017-05-12 08:55

    解答的方法对的,我试了

    点赞 评论 复制链接分享
  • qq_35464666 qq_35464666 2017-10-16 08:54

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

    点赞 评论 复制链接分享

相关推荐