jquery easy ui tabs使用

1.怎样激活对应对应索引值的tab页

var Index = $(this).index();
$("#tele_menu").tabs("select",Index);

2.功能描述,点击jquery easy ui tabs页签获取已选中选项卡标签的索引值,title值等.

easy ui tabs提供了一个onSelect事件,通过这个事件能够返回,选中页签的索引值content,以及标题值title,具体代码如下:

$('#tele_sp_menu').tabs({
			onSelect:function(title,content){ 
				alert(content+' is selected'); 
			} 
		});

3.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动态页面

     var e =$('#main').tabs('exists','goodInfo');
 if(e==true){
  $('#main').tabs('select','goodInfo');
  return ;
 }
 $('#main').tabs('add',{
  title:'goodInfo',
  href:'${ctx}/goods/index.asp',
  closable:true
 });

问题就来了,第一次打开一个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',
     closabl


  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lixp3

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值