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