JqueryEasyUI选项卡-Tabs的使用,Tabs使用经典错误的解决方法
来源:互联网 发布:发展下线系统源码 编辑:程序博客网 时间:2024/06/05 01:58
最近在学习jquery框架,感激比较容易,也比较实用,虽然没有ext那么强大,但是一般的需求还是能满足。并且很好的一点是,jquery在众多人的关注努力下每天都在进步。以前的UI设计也不是很好,但是出现了JqueryEasyUI1.2之后,发现和ext越来越接近了。呵呵,真的很强大,相信这个UI会越来越好,也会有越来越多的人关注这个框架,这个UI。
以下是easyUI1.2的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后面的换成jsp动态页面
var e =$('#main').tabs('exists','goodInfo');
if(e==true){
$('#main').tabs('select','goodInfo');
return ;
}
$('#main').tabs('add',{
title:'goodInfo',
href:'${ctx}/goods/good_list2.jsp',
closable:true
});
问题就来了,第一次打开一个tab页没错,但是第二次点击打开另外一个的时候就出错了。并且jquery这点也很不好,只要出现jquery出现错误了,就会影响其他的,并且很难调试,因为你不是在一个页面,而是一个大的页面包含很多小的页面,现在也没有一个好的js调试工具,期待。。。。。。。
解决方法就是不用href了,换成用content属性,呵呵,tabs还是有很多属性的,这个不行换一个试试。
var url="${ctx}/goods/good_list2.jsp";
var content = '<iframe scrolling="no" frameborder="0"'+
'src="'+url+'" style="width:100%;height:100%;"></iframe>';
if(!$('#main').tabs('exists','goodInfo')){
$('#main').tabs('add',{
title:'goodInfo',
content:content,
//href:'${ctx}/goods/good_list2.jsp',
closable:true
});
}else{
$('#main').tabs('select','goodInfo');
}
这样问题就解决,至于为什么会出现这个错误,我只是有点小小想法,不知道正确不正确,这里也就不说了,以后研究出来了再和大家分享。
- JqueryEasyUI选项卡-Tabs的使用,Tabs使用经典错误的解决方法
- easyUI中tabs使用iframe的方式加载选项卡
- bootstrap nav nav-tabs 选项卡 的使用实例
- easyui tabs的使用
- EasyUI的tabs使用
- jQueryUI的Tabs的使用
- 使用Bootstrap Tabs选项卡Ajax加载数据的实现以及遇到的问题;
- JQueryEasyUI 组件 布局 Tabs组件(选项卡)
- 使用tabs插件展示选项卡的基本功能8-7
- 使用微信小程序自定义组件实现的tabs选项卡功能
- magento------tabs的分析和使用!!!
- ext中使用iframe的tabs页
- Jquery ui tabs控件的使用技巧
- jQuery EasyUI 选项卡面板tabs使用实例精讲
- jqueryEasyUI+ztree遇到的不能加载 tabs的问题
- 基于easyui tabs选项卡的扩展插件--tabs单击事件
- tabs选项卡
- JqueryUI-选项卡tabs
- CRC算法之二:具体实现代码
- 10月7日 记
- PHP与UML类图
- 【Visual Studio风格开发系列 - PropertyGrid控件】如何在设计时隐藏从父控件继承的属性
- aspx之间使用Server.Transfer跳转并传递参数
- JqueryEasyUI选项卡-Tabs的使用,Tabs使用经典错误的解决方法
- RHCE 课程介绍
- 要论《盗梦空间》的票房大卖,不得不提观众在看完电影后还有继续讨论、回味的空间,从而有可能在同一名观众身上产生反复消费的“深度”票房。反之,“猜了半天不过如此”的观感,则会让“悬念”魅力难以持久。故事是电影的生命力。也许,“中国式悬念”首先应该考虑的,还是怎
- 【Visual Studio风格开发系列 - Form 工具】如何为控件提供工具箱位图
- 故地重游
- Jsp内置对象
- 【转】使用Visual Studio .NET编写纯C程序的提示
- 【Visual Studio风格开发系列 - WinForm】WinForm 控件开发基础
- 管理好自己的时间