如何刷新“易选项卡”选项卡

How to refresh an EasyTabs tab?

本文关键字:选项 易选项卡 何刷新 刷新 易选项      更新时间:2023-09-26

我正在使用jQuery插件EasyTabs。如您所见,我有一个按钮可以将 json 数据发送到选项卡,因此单击按钮时选项卡必须通过 ajax 刷新,但在我的情况下,它只在末尾附加路径,但不刷新页面。

我有这样的东西作为菜单:

<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 功能。它返回未捕获的类型错误:tab.panel 不是一个函数,这是应用它的非法方式吗?

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