如何刷新“易选项卡”选项卡
How to refresh an EasyTabs tab?
我正在使用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 功能。它返回未捕获的类型错误:tab.panel 不是一个函数,这是应用它的非法方式吗?
var tab = $('.a.tab-feed-filter-switch').tabs('getSelected');
tab.panel('refresh');
相关文章:
- 通过js在新选项卡中有条件地打开url
- 按照选项卡索引的顺序循环一个jQuery选择
- 如何在选项卡上定义属性'的主窗口对象
- 活动选项卡's源代码-获取变量s值
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 如何从外部页面激活非默认引导选项卡
- Mozilla”;添加“;sdk,简单的pref模块,动态选项(取决于以前选项的选项)
- 如何刷新“易选项卡”选项卡
- 更改融合表图层选项样式选项
- 如何使用易选项卡jQuery插件防止在主页中跳转/滚动命名锚点
- 根据选择选项选择选项
- 显示所有选项的 ng 选项默认选项
- 将selectedIndex设置为下面的第一个选项和选项组
- 在Select2中动态添加选项和选项组
- knockoutjs选项对选项和选择绑定的适应
- 附加选项到选项对象
- 当选择任意选项组选项时,运行一些jQuery
- 通过另一个选择框更改选择框选项和选项文本
- 在AngularJS中使用ng选项和选项select
- 在易选项卡加载弹性滑块