1

我有一个带有四个选项卡的 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>

谢谢保罗

4

0 回答 0