如何刷新EasyTabs标签?

时间:2016-02-29 11:43:50

标签: javascript jquery ajax plugins

我正在使用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功能。它返回未捕获的TypeError:tab.panel不是函数,这是一种非法的应用方式吗?

1 个答案:

答案 0 :(得分:0)

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