zoukankan      html  css  js  c++  java
  • layui从子iframe打开父iframe的tab选项卡

    数据表格字段:
    {field: 'novelId', title: '小说ID',100,templet: '<div><a href="javascript:;" _href="/contentManage/content-chapters.html" novelName="{{d.name}}" onclick="showChapters(this,{{d.novelId}});" class="layui-table-link">{{d.novelId}}</a></div>'}
     
    function showChapters(obj,param) {
            layui.use(['element'], function () {
                $ = layui.jquery;
                element = layui.element;
               var novelName=$(obj).attr("novelName");
                var url=$(obj).attr("_href")+"?param="+param;//携带小说id,展示该小说下的全部章节
                for (var i = 0; i <$('.x-iframe',window.parent.document).length; i++) {//获取父页面的dom元素
                    if($('.x-iframe',window.parent.document).eq(i).attr('data-id')==param){
                        parent.element.tabChange('x-tab', i);
    //x-tab 为父页面<div class="layui-tab layui-tab-card site-demo-title x-main" lay-filter="x-tab" lay-allowclose="true"></div>
                        return;
                    }
                };
                res = parent.element.tabAdd('x-tab', {//从父页面添加tab选项卡,如果不指定id,选项卡id会自增
                    title: novelName //用于演示
                    ,content: '<iframe frameborder="0" data-id="'+param+'" src="'+url+'" class="x-iframe"></iframe>'
                });
                parent.element.tabChange('x-tab', $('.layui-tab-title li',window.parent.document).length-1);//添加选项卡后,默认此tab为选中状态
     
                $('.layui-tab-title li',window.parent.document).eq(0).find('i').remove();
     
            });
        }
  • 相关阅读:
    Java中,由this关键字引发的问题
    Spring3.2.11与Quartz2.2.1整合时内存泄漏的问题的解决
    使用Nexus管理Maven仓库时,上传带依赖的第三方jar
    ActiveMQ5.10.2版本配置JMX
    JAVA的Hashtable在遍历时的迭代器线程问题
    关于JAVA中String类型的最大长度
    新增了某个模组后VS编译不过,报错说找不到头文件
    重写Overlap事件
    cmd端口占用查看和关闭端口
    转---详细的Android开发环境搭建教程
  • 原文地址:https://www.cnblogs.com/dingxu/p/9594195.html
Copyright © 2011-2022 走看看