JSP/SERVLET（6）——Jquery EasyUI 选项卡Tabs的使用方法

以下是easyUI的tabs的简单实用介绍。

var e =$('#main').tabs('exists','accordion');
　　if(e==true){
　　　　$('#main').tabs('select','accordion');
　　return ;
}
$('#main').tabs('add',{
　　title:'accordion',
　　href:'accordion.html',
　　closable:true
});

功能是第一次点击打开tab页就打开一个tab页，当没关闭这个tab页，又去另外一个tab页操作，再回来刚才的tab页后就不用打开另外一个和刚才一样的tab页，而是同一个tab页。

如果把href后面的换成asp动态页面

问题就来了，第一次打开一个tab页没错，但是第二次点击打开另外一个的时候就出错了。

解决方法就是不用href了，换成用content属性，呵呵，tabs还是有很多属性的，这个不行换一个试试。

var url="${ctx}/goods/good_list2.jsp";
　　var content = ' '

　　　src="'+url+'" style="width:100%;height:100%;">';
   　　if(!$('#main').tabs('exists','goodInfo')){
    　 $('#main').tabs('add',{
     　　title:'goodInfo',
     　　content:content,
     　　//href:'${ctx}/goods/index.asp',
     　　closable:true
    });
   }else{
   　　 $('#main').tabs('select','goodInfo');
   }

转载于:https://www.cnblogs.com/xushuyi/articles/4394434.html

JSP/SERVLET（6）——Jquery EasyUI 选项卡Tabs的使用方法相关推荐

jQuery EasyUI 选项卡面板tabs使用实例精讲
1. 对选项卡面板区域 div 设置 class="easyui-tabs" 2. 对选项卡面板区域添加多个 div,每个 div 就是一个选项卡(每个面板一定设置 title) ...
JAVA_WEB项目（结合Servlet+jsp+ckEditor编辑器+jquery easyui技术）实现新闻发布管理系统第一篇：前期环境准备
新闻发布管理系统是大三第二学期做的课程设计,偶然看到之前写的这个项目,因此把整个项目的开发过程拿出来分享分享,虽然这是为了应付课程设计而做出来的项目,但是自己也巩固了一下自己的知识,并且即学即运用了j ...
easyui打开新的选项卡_Jquery Easyui选项卡组件Tab使用详解（10）
本文实例为大家分享了Jquery Easyui选项卡组件的实现代码,供大家参考,具体内容如下加载方式 Class加载 tab1 tab2 tab3 JS调用加载 tab1 tab2 tab3 $(f ...
jquery easyui Tab 引入页面的问题
jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:"href远程请求"和"content本地内容",本文就两种方式的优缺点进 ...
java项目-第137期jsp+servlet的周公算命预测系统-java毕业设计
java项目-第137期jsp+servlet的周公算命预测系统-计算机毕业设计 [源码请到资源专栏下载] 今天分享的项目是<周公算命预测系统> 该项目分为管理员和普通用员2个角色. 管理 ...
视频教程-jsp servlet mysql实现学生成绩管理系统实战教程-Java
jsp servlet mysql实现学生成绩管理系统实战教程软件工程硕士毕业,目前就职于上海电信研究院,有三年Java开发经验,五年PHP开发经验. 李礼强 ¥136.00 立即订阅扫码下载「C ...
Java项目:嘟嘟校园一卡通系统(java+JSP+Servlet+html+css+JavaScript+JQuery+Ajax+mysql)
源码获取:博客首页 "资源" 里下载! 一.项目简述功能:卡管理,卡消费,卡充值,图书借阅,消费,记录,注销等等功能. 二.项目运行环境配置: Jdk1.8 + Tomcat8 ...
jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法
jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法参考文章: (1)jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法 (2) ...
jquery ajax示例_jQuery AJAX JSP Servlet Java示例
jquery ajax示例 Ajax in Java JSP Servlet based web applications are very common. Recently I have writt ...

JSP/SERVLET（6）——Jquery EasyUI 选项卡Tabs的使用方法

JSP/SERVLET（6）——Jquery EasyUI 选项卡Tabs的使用方法相关推荐

最新文章

热门文章