javascript - 关于选项卡菜单打开iframe的问题
巴扎黑
巴扎黑 2017-04-11 13:16:16
[JavaScript讨论组]

我现在想点击侧边栏菜单的时候能切会原来的tab页这应该是怎么实现的,有懂的请说下思路?

/*iframe切换交互*/
    var _link = $('.asideItem');
            function add(Name) {
                var add_li = $('
  • ' + Name + '×
  • '); var add_ifame = $(''); $('#ifm-cont iframe').hide(); $('.uu').append(add_li); $('#ifm-cont').append(add_ifame); } _link.on('click','.aside-bar a',function() { var texts = $(this).text(); var show1a = $('#ifm-tool ul li a span:first-child'); var nowgeshu = $('.uu li').length; for (var i = 0; i < show1a.length; i++) { if (show1a.eq(i).text() == texts) { // alert('您已打开了一个相同的标签页!') return false; } } if (nowgeshu < 8) { $(this).attr('target', texts); $('.uu li a').removeClass('now'); add(texts); } else if (nowgeshu == 8) { alert('您已打开了8个标签。请关闭部分标签后再打开新标签!'); return false; } }) $('#ifm-tool').on('click','ul li a span:last-child',function(event){ if($(this).parent().hasClass('now')){ $('#ifm-tool ul li a').eq($('#ifm-tool ul li').length-2).addClass('now'); } var index = $('#ifm-tool ul li').index($(this).parent().parent()); $(this).parent().parent().remove(); $('#ifm-cont iframe').eq(index).remove(); if($('#ifm-cont iframe:visible').length==0){ $('#ifm-cont iframe:last-child').show(); } event.stopPropagation(); }) $('#ifm-tool').on('click','ul li a',function(){ if($(this).hasClass('now')){ return false; }else{ $(this).addClass('now').parent().siblings().children().removeClass('now'); var index = $('#ifm-tool ul li').index($(this).parent()); $('#ifm-cont iframe').hide().eq(index).show(); } })
    巴扎黑
    巴扎黑

    全部回复(1)
    PHP中文网

    那你就把你这些地址都记录下来。然后想切换那个的时候再js动态改iframe的src

    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号