jQueryUI选项卡 - 使用POST的新选项卡

Question

我正在使用jQuery选项卡（来自此示例：http://jqueryui.com/demos/tabs/#manipulation），并希望添加一个包含外部源内容的新选项卡。在检索数据之前，此外部源需要POST参数。从外部源返回的结果应创建并填充新选项卡，以在新选项卡上显示这些结果。

$( "#tabs" ).tabs({
    ajaxOptions: {
        error: function( xhr, status, index, anchor ) {
            $( anchor.hash ).html("Unable to load content for this form. Please contact your web administrator");}
    }
});

...

function addTab() {
  $.post(
    "/test.php", // External source URL
    { id: "11" }, // Sets POST data
    function (data) {
        $('#tabs').tabs("add", data, $tab_title); // should create a new tab with the results from the external source
    }
  );
}

我所做的不起作用。其他人有这个设置的工作副本吗？

Answer 1

我可能会在您尝试在选项卡中提供的页面上执行onLoad提交，然后是该帖子的结果，您可以使用$(".ui-tabs-panel").html(postresponse);并在tab-wrapper中显示它，或者或者将其更改为GET（Querystrings）而不是POST，使用GET会使这样的内容变得更容易。