我有一个带有四个选项卡的jquery ui选项卡,每个选项卡显示一个包含一些数据的表,所有表都或多或少相同。 在表格之前的选项卡内我有两个链接来更改表格顺序。 一切正常,我可以改变订单,如果: - 我在页面刷新后第一次选择了一个选项卡 - 我选择标签4,然后选择标签3,然后选择标签2
此后只有标签2始终正确运行 选项卡3和4不会更改 但如果我选择一个不同的标签,我会看到加载的内容,然后是新标签
这是制表符和排序的js代码:
$(function() {
$( "#tabs" ).tabs({
beforeLoad: function( event, ui ) {
ui.jqXHR.error(function() {
ui.panel.html("Error");
});
}
});
$( "#tabs" ).tabs("option", "active", 0);
$("div.ui-tabs-panel").delegate("#sorter a.sort", "click", function(event){
event.stopPropagation();
event.preventDefault();
var e = $(this), d = $("#sorter").parent("div");
d.load(e.attr("href"));
return false;
});
});
并加载了标签内容:
<div id="sorter">
<a class="sort" href="/it/private/ajax/proposals/region/latest">latest</a>
<a class="sort on" href="/it/private/ajax/proposals/region/voted">voted</a>
</div>
<table class="zebra">
<tr><td>....</td></tr>
</table>
谢谢你
保罗