2016-02-29 70 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

相关问题