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 = '<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/index.asp',
     closable:true
    });
   }else{
    $('#main').tabs('select','goodInfo');
   }