- 浏览: 800108 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (480)
- Spring (12)
- Hibernate (8)
- Struts2 (4)
- Java 基础-JDK-类-接口-URI-专题研究 (27)
- 线程、线程池、多线程高并发高可用、Socket通信 (15)
- Oracle数据库 (20)
- 一般-前端js-html-其它 (25)
- JYSK-互联网金融、金融科技、支付、公司、新闻等等 (8)
- Ajax-jQuery开源框架 (7)
- Json-轻量级的数据交换格式 (14)
- JavaScript (15)
- Jsp、Servlet、Servlet+JSP+JavaBean开发模式(MVC) (18)
- Html-JavaScript-前端-调用接口 (12)
- Sql Server 2005 (6)
- 正则表达式 (2)
- Java tools (18)
- 加签与验签、加密与解密 (3)
- Ajax技术核心-xmlHttpRequest(简称XHR) (6)
- xml-数据交换格式 (3)
- 信息采集 (1)
- Http - Https - HttpClient - httpCore-SSL-TLS (10)
- HtmlParser (2)
- 标签库 (1)
- SMS (2)
- jxl-导入导出 (4)
- poi-导入导出 (2)
- 定时器Timer+Quartz (6)
- 工作流引擎JBPM3.2.3 (4)
- 工作流引擎JBPM4 (0)
- 数据源-JNDI (0)
- tomcat、weblogic等应用服务器 (6)
- 工作流引擎jbpm5 (1)
- 搜索引擎Lucene (1)
- ant (1)
- 大数据-HBase (2)
- bigtable (0)
- 数据库设计 (4)
- jquery tab (0)
- mybatis (5)
- jquery ui 1.10.3 (5)
- Jboss7 (1)
- 规则引擎drools (0)
- 工作流引擎Activiti5 (0)
- 数据库-用户自定义函数 (0)
- 数据库-存储过程 (2)
- 数据库-视图 (0)
- 数据库-触发器 (0)
- 数据库-sql (2)
- highcharts-图表工具 (1)
- sql server 2008 (6)
- 诗词-工作室 (2)
- 数据割接 (1)
- GIS-地理信息系统 (2)
- RS-遥感技术 (1)
- GPS-全球定位系统 (1)
- java整合flex_RIA开发 (3)
- C#编程语言 (5)
- webservice_axis2_cxf_soap_wsdl (2)
- sql语句 (3)
- Flex_WebService_GIS (25)
- PHP编程语言 (0)
- ExtJS4.2 (1)
- Spring mvc (5)
- EasyUI1.4.2 (16)
- 日期时间工具类 (4)
- 随机数 (1)
- Arcgis api for js (0)
- Mysql数据库 (9)
- 移动互联网 java html5/flash socket netty (0)
- API接口 (1)
- AndroidStudio (0)
- Git (2)
- Maven (5)
- IDEA (0)
- 大数据-Hadoop (2)
- JPA (0)
- Spring boot (4)
- JSF (0)
- nginx_lua_module_redis (2)
- Activiti (1)
- bootstrap (1)
- AngularJS (10)
- 数据库-索引 (1)
- Linux及其连接工具SSH (4)
- java日志管理 (2)
- islider滑动控件 (1)
- jquery (1)
- 异常处理Exception (1)
- 秒杀与类秒杀系统 (1)
- 连接数据库、数据库连接池 (4)
- 数据库-临时表 (1)
- 软件设计模式-单例、多例、代理、工厂、观察者 (3)
- 集合框架 (5)
- 人工智能--Artificial intelligence、神经网络算法、机器学习 (1)
- 分布式应用 (1)
- SOA服务-Dubbo框架-Thrift框架 (2)
- Zookeeper分布式服务框架 (2)
- intellij idea (1)
- python编程语言 (0)
- 消息队列_MQ (0)
- 消息队列_RabbitMQ (2)
- 消息队列_ActiveMQ (1)
- 消息队列_Kafka (2)
- 缓存_Redis (4)
- 缓存_Memcache (0)
- 缓存_Ehcache (0)
- ivy-ivyde (1)
- google-protocol buffers (1)
- 正向代理-正向代理服务器 (1)
- 反向代理-反向代理服务器 (1)
- JVM内存模型 (0)
- Thunder框架 (1)
- NIO-非阻塞式IO (0)
- 软件测试、性能测试 (1)
- 序列化、Serializable接口、Externalizable接口 (3)
- 线程池-ExecutorService-ThreadPoolExecutor (1)
- web.xml (1)
- java开发-java工具-实用工具网站 (6)
- 医疗 (1)
- Filter-过滤器 (2)
- Unicode码-双字节字符编码 (1)
- OpenResty (1)
- 计算机网络 (1)
- eclipse_myeclipse_intellij idea (3)
- Enum (1)
- 大数据--Big Data (1)
- 云计算--Cloud computing (1)
- Elastic-Job (1)
- Redis (2)
- 文件流-IO操作 (6)
- 计算机基础知识 (1)
- Hessian-二进制RPC协议 (1)
- String类 (3)
- BigDecimal类 (1)
- java重要接口 (1)
- ReactJS (1)
- 跨域问题 (0)
- Map (1)
- 注解 (1)
- ASCII码-单字节字符编码 (1)
- 微服务、微服务架构 (2)
- RPC协议、RPC服务、RPC框架 (0)
- java反射 (1)
- java项目之classpath (1)
- 经典算法-树 (1)
- listener-监听器 (1)
- Interceptor-拦截器 (1)
- pojo javabean (2)
- 计算机科学与技术-进阶 (1)
- 代码规范与文档编写 (1)
- UML-统一建模语言 (1)
- 对接微信、支付宝 (3)
- 压力测试 (1)
- 办公软件-Excel (1)
- 办公软件-PPT (0)
- UTF8、GBK编码 (1)
- 微服务架构:Spring Cloud架构-Dubbo架构 (6)
- Nginx (1)
- 点滴业务 (1)
- form表单-json数据-转换与接口调用 (1)
- Junit单元测试 (1)
- 大数据-Spark (1)
- 大数据-Storm (1)
- 数据库事务-Spring事务 (0)
- elasticsearch (1)
- windows (1)
最新评论
<script> $(function() { var tabss = $('#tabs').tabs();//[object,object] var selectedTab = tabss.tabs('option', 'selected'); if(0==selectedTab){ $.ajax({ url: "<%=basePath %>TopicSectionServlet.serv", type: "post", data: "key=" + name + "&doaction=check", dataType: "json", error:function(){ //dealFail(); alert('fail'); }, success: function (data) { $("#atab2").html("成功-按部门1111"); } }); } $("#tabs").tabs({ select: function(event, ui) { var name='5b92ed07-ba11-4d3d-bb6b-f642be25d46a'; var htmlStr = ""; if (ui.index == 0) { $.ajax({ url: "<%=basePath %>TopicSectionServlet.serv", type: "post", data: "key=" + name + "&doaction=check", dataType: "json", error:function(){ //dealFail(); alert('fail'); }, success: function (data) { $("#atab2").html("成功-按部门1111"); } }); } // if (ui.index == 1) { $.ajax({ url: "<%=basePath %>TopicSectionServlet.serv", type: "post", data: "key=" + name + "&doaction=check", dataType: "json", error:function(){ //dealFail(); alert('fail'); }, success: function (data) { $("#btab2").html("成功-按部门2222"); } }); } // if (ui.index == 2) { $.ajax({ url: "<%=basePath %>TopicSectionServlet.serv", type: "post", data: "key=" + name + "&doaction=check", dataType: "json", error:function(){ //dealFail(); alert('fail'); }, success: function (data) { $("#ctab2").html("成功-按部门3333"); } }); } // if (ui.index == 3) { $.ajax({ url: "<%=basePath %>TopicSectionServlet.serv", type: "post", data: "key=" + name + "&doaction=check", dataType: "json", error:function(){ //dealFail(); alert('fail'); }, success: function (data) { $("#dtab2").html("成功-按部门4444"); } }); } // if (ui.index == 4) { $.ajax({ url: "<%=basePath %>TopicSectionServlet.serv", type: "post", data: "key=" + name + "&doaction=check", dataType: "json", error:function(){ //dealFail(); alert('fail'); }, success: function (data) { $("#etab2").html("成功-按部门5555"); } }); } // } }); }); </script>
//
if (ui.index == 1) { //加载版块数据 $.ajax({ url: "<%=basePath %>TopicServlet.serv", type: "post", data: "key=" + name + "&doaction=statisticsBySectionId", dataType: "json", error:function(){ alert('数据加载失败!'); }, success: function (data) { var len=data.length; //所有版块 $('#sectionName-s').contents().remove(); $('<option >请选择</option>').appendTo('#sectionName-s'); for(i=0;i<len;i++){ $("#sectionName-s").append($('<option value='+data[i].tsb.id+'>'+data[i].tsb.sectionName+'</option>')); } //所有数据 $("#btab2").html("成功-按部门2222"); } }); }
发表评论
-
jquery ui dialog
2013-07-30 17:00 758jsp页面: <div id="power-d ... -
ckeditor4.1.1在jquery ui dialog(模式化窗口)中无法编辑,解决方法!
2013-07-26 15:25 36931、将jsp页面原来放ckedit ... -
jquery ui datepicker
2013-06-09 15:46 1002<%@ page language="j ... -
jquery ui tabs奇怪情况!!!--已解决
2013-06-08 10:21 3175这个问题纠结了一两天!!!目前还未解决,真是出了奇了。 ...
相关推荐
jquery tab切换,jquery tab切换,js点击按钮切换图片jquery tab切换,jquery tab切换,jquery tab切换,js点击按钮切换图片jquery tab切换,jquery tab切换,jquery tab切换,js点击按钮切换图片jquery tab切换,...
jQuery UI的Autocomplete组件是一个强大的功能,它允许用户在输入时自动填充建议选项,极大地提高了用户体验。这个组件尤其适用于搜索框、表单输入和其他需要动态获取数据的场景。在本篇中,我们将深入探讨jQuery UI...
首先,我们需要隐藏所有Tab内容,并显示第一个Tab: ```javascript $(document).ready(function() { $('.tabContent').hide(); // 隐藏所有Tab内容 $('#tab1').show(); // 显示第一个Tab内容 }); ``` 然后,为...
// 默认显示第一个Tab $('.content').first().show(); $('.tabs li a').first().addClass('active'); // 监听Tab按钮点击事件 $('.tabs li a').click(function(e) { e.preventDefault(); // 阻止a标签的默认...
// 默认显示第一个Tab $('#tabs ul li:first-child a').click(); }); ``` 在这个示例中,我们使用`$(document).ready()`来确保在页面加载完成后执行我们的JavaScript代码。`$('#tabs ul li a')`选择所有的Tab标题...
同时,为切换效果设置初始和目标颜色,可以使用CSS的`transition`属性实现平滑过渡。 3. **jQuery初始化**:在页面加载完成后,使用`$(document).ready()`函数来初始化Tab切换功能。这通常包括隐藏所有内容区域,只...
jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它提供了丰富的用户界面组件,使得开发者能够轻松创建交互性强、视觉效果美观的网页应用。这个中文帮助文档是针对jQuery UI的详细指南,旨在帮助开发者更好地...
在本文中,我们将深入探讨JQueryUI和EasyUI这两个JavaScript库在创建用户界面时的一些关键控件和功能,包括表单、Tab切换以及样式切换。它们都是为了提升Web应用程序的用户体验和交互性而设计的。 首先,让我们了解...
jQuery UI Messager是一款基于jQuery和jQuery UI库的插件,用于在Web应用程序中创建美观、功能丰富的消息框。它提供了一种优雅的方式来显示各种类型的通知,如警告、错误、信息和成功消息,增强了用户交互体验。这个...
本示例“jQuery带tab切换搜索框样式代码”是关于如何利用jQuery实现一个功能丰富的搜索框,该搜索框集成了选项卡切换功能,为用户提供更便捷的交互体验。以下是对这个主题的详细讲解: 1. **jQuery基础**:首先,...
在Web开发中,JQuery UI是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括对话框、拖放功能、日期选择器等。DWZ(Dynamic Web Zone)则是一个基于jQuery UI的前端框架,主要用于构建富交互式的Web应用。...
jQuery UI是基于JavaScript库jQuery的一个扩展,它提供了一系列丰富的用户界面组件,包括但不限于对话框(Dialogs)、日期选择器(Datepickers)、拖放功能(Drag and Drop)、排序功能(Sortable)以及各种可自定义...
在网页设计中,用户体验是一个至关重要的因素,而jQuery滑动切换tab功能则是一种常见的交互设计方式,能够提高用户的浏览和操作体验。这个功能允许用户通过鼠标悬停在不同的选项卡上,实现内容区域的平滑过渡,使得...
在网页设计中,jQuery Tab页切换是一种常见的交互元素,它能有效地组织和展示大量内容,让用户以简洁的方式浏览和切换不同的部分。这个“jQuery Tab页切换”资源包含JS(JavaScript)和CSS(Cascading Style Sheets...
jQuery纵向tab选项卡内容切换代码.rar jQuery纵向tab选项卡内容切换代码.rar jQuery纵向tab选项卡内容切换代码.rar jQuery纵向tab选项卡内容切换代码.rar jQuery纵向tab选项卡内容切换代码.rar jQuery纵向tab选项卡...
在`tab+ajax`的压缩包文件中,可能包含了一个示例代码或者模板,用于演示如何使用Ajax和jQuery实现Tab效果。解压后,你可以查看其中的HTML、CSS和JavaScript文件,学习并理解其工作原理。此外,可能还包含了详细的...
本项目“jQuery全屏TAB页面切换代码”利用jQuery的特性实现了一个全屏页面切换的效果,适用于创建现代、响应式的网页布局。 在网页设计中,选项卡(Tab)布局是一种常见的信息展示方式,它可以有效地组织内容,使得...
在网页设计中,Tab切换是一种常见的用户界面元素,它允许用户在不同的内容面板间进行切换,而无需加载新的页面。这种交互方式提高了用户体验,减少了页面的混乱感。本篇文章将详细探讨基于jQuery编写的Tab切换插件,...
1. **Tabs(选项卡)**:jQuery UI 提供了方便的选项卡组件,可以将内容分隔成多个部分,通过选项卡切换显示,提高网页的组织性和用户体验。 2. **Accordion(手风琴)**:手风琴组件允许内容以折叠/展开的方式呈现...
这个"jquery ajax tab选项卡.zip"文件包含了一个利用jQuery和AJAX技术实现的选项卡切换功能,允许用户在不刷新整个页面的情况下,动态加载和切换不同的内容区域。 首先,我们来了解一下jQuery。jQuery是一个强大的...