jquery easyui tabs 在子Tab页中动态添加创建新tab页
2015-10-31 16:31
537 查看
主页面:<div id="tt" class="easyui-tabs" data-options="tools:'#tab-tools'" style="width:700px;height:250px"></div>
在子tab页中使用如下代码,即可动态创建tab页:
var jq = top.jQuery;
if (jq('#tt').tabs('exists', title)){
jq('#tt').tabs('select', title);
} else {
var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
jq('#tt').tabs('add',{
title:title,
content:content,
closable:true
});
}
在子tab页中使用如下代码,即可动态创建tab页:
var jq = top.jQuery;
if (jq('#tt').tabs('exists', title)){
jq('#tt').tabs('select', title);
} else {
var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
jq('#tt').tabs('add',{
title:title,
content:content,
closable:true
});
}
相关文章推荐
- jquery选择器 之 获取父级元素、同级元素、子元素
- jquery实现仿百度自动补全功能
- jQuery实现密码强度检测
- 如何提高jQuery的性能探讨
- jQuery实现DOM加载方法源码分析
- 再eclipse的javaweb项目中添加JQuery文件时jquery-2.1.4.min.js报错
- jQuery获取Select选中的Text和Value
- jquery的一些用法总结
- JQuery原理介绍及学习方法
- JQuery解析XML数据的几个例子
- 使用jQuery实现元素拖动的要点
- jquery插件jquery.lazyload实现的图片延迟加载
- jQuery读取xml文件
- jQuery学习之prop和attr的区别示例介绍
- 关于jquery和子页面向父页面传值
- 在为知笔记中使用JQuery
- jQuery 人脸识别插件,支持图片和视频
- MyEclipse10中导入的jquery文件报错(出现红叉叉,提示语法错误)
- jQuery Checkbox Selected
- 10001---jQuery 简介