2016-02-29 97 views
0

我正在使用jQuery插件EasyTabs。正如你所看到的,我有一個按鈕來發送json數據到選項卡,所以當按鈕被點擊時,選項卡必須由ajax刷新,但在我的情況下,它只在最後附加路徑,但不刷新頁面。如何刷新EasyTabs選項卡?

我有這樣的事情作爲一個菜單:

<a class="tab-feed-filter-switch active bound" href="/buzz/view/feed/keyword?id=70&amp;dataType=all" data-target="#filter-all">All</a> 

而且我有一個按鈕來添加的新路徑標籤:

$('#Cusfeed').click(function(){ 
       var starttext = $('#start').val(); 
       var endtext = $('#end').val(); 

       var SatDateArray = new Array(); 
       SatDateArray = starttext.split("/"); 
       for(var x=0; x < SatDateArray.length;x++){ 
       } 

       var EndDateArray = new Array(); 
       EndDateArray = endtext.split("/"); 
       for(var x=0; x < EndDateArray.length;x++){ 
       } 

       var start = SatDateArray[2]+SatDateArray[0]+SatDateArray[1];   
       var end = EndDateArray[2]+EndDateArray[0]+EndDateArray[1]; 



       $.ajax({ 
        url: '/buzz/view/feed/keyword?profileId=' + profileId + '&startDate='+ start +'&endDate='+ end,//getting the api 
        type: 'get', 
        success: function(data){ 

        } 

       }); 

       //appending href 

       $('a.tab-feed-filter-switch').each(function(){ 
        var href = $(this).attr('href') + '&startDate='+ start +'&endDate='+ end; 
        $(this).attr('href', href); 
        $('.a.tab-feed-filter-switch').tabs('load', 0); 
       }); 

更新1: 我試圖插入回答如下在我的onclick函數中給出:

$('#Cusfeed').click(function(){ 

        var starttext = $('#start').val(); 
        var endtext = $('#end').val(); 

        var SatDateArray = new Array(); 
        SatDateArray = starttext.split("/"); 
        for(var x=0; x < SatDateArray.length;x++){ 
        } 

        var EndDateArray = new Array(); 
        EndDateArray = endtext.split("/"); 
        for(var x=0; x < EndDateArray.length;x++){ 
        } 

        var start = SatDateArray[2]+SatDateArray[0]+SatDateArray[1];   
        var end = EndDateArray[2]+EndDateArray[0]+EndDateArray[1]; 


        $('a.tab-feed-filter-switch').each(function(){ 
         var href = $(this).attr('href') + "&startDate="+start+"&endDate="+end; 
         $(this).attr('href', href); 
        }); 

         var tab = $('.a.tab-feed-filter-switch').easytabs('getSelected'); 
         tab.panel('refresh'); 
       }); 

但它似乎並不像所有因爲我使用.tabs功能。它返回Uncaught TypeError:tab.panel不是函數,它是一種非法的方式來應用它?

+0

感謝安德魯太累了昨天。 – anson920520

回答

0

click here for demo easytabs jQuery的

+0

我已經嘗試過這些,我發現updatehash:true應該做這項工作,但我的web應用程序無法使用它,有沒有其他方法? – anson920520

0

var tab = $('.a.tab-feed-filter-switch').tabs('getSelected'); 
 
tab.panel('refresh');

+0

的代碼片段是空的? – anson920520

+0

我試圖把這些代碼放在onclick函數中,但它返回錯誤:Uncaught TypeError:$(...)。tabs不是一個函數 – anson920520

相關問題