我正在使用jQuery插件EasyTabs。如您所见,我有一个按钮可以将json数据发送到选项卡,因此当单击按钮时,选项卡必须通过ajax刷新,但在我的情况下,它仅在末尾附加路径但不刷新页面。
我有这样的菜单:
<a class="tab-feed-filter-switch active bound" href="/buzz/view/feed/keyword?id=70&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不是函数,这是一种非法的应用方式吗?
答案 0 :(得分:0)
var tab = $('.a.tab-feed-filter-switch').tabs('getSelected');
tab.panel('refresh');