javascript - 以编程方式在 jQuery Tab 中重新加载 ajax 内容卡住

Question

我对编程很陌生，所以请原谅我的菜鸟。我在我的应用程序中使用了优秀的 jQuery 选项卡，我通过 ajax 将外部内容加载到选项卡中，并且在其中一个选项卡中，我需要在结果后以编程方式重新加载该选项卡的内容。我已按照文档*进行操作，但无济于事。

我已经非常简单地初始化了根页面中的选项卡:

Javascript:

  $(document).ready(function(){
    $("#tabs").tabs({ cookie: { expires: 30 } });    
  });

HTML:

<div id="tabs">
<ul>
     <li><a href="#moderatorManage"><span>Find and Manage Moderators</span></a></li>
     <li><a href="flaggedCards/" id="flaggedCards" ><span>Flagged Cards</span></a></li>
     <li><a href="pendingDelete/"><span>SinBin / Pending Delete</span></a></li>
</ul>
</div>

您可以看到我加载了“flagedCards/”的外部 URL，其中我有更多具有此功能的 jQuery:

    $(document).ready(function(){
        $("#controls_{{id}} input").click(function() {

                $(this).parent().parent().parent().addClass("highlight").fadeTo("slow", 0.1);
                $("#tabs").tabs( 'load' , 0 ); // fails also tried various selectors

        });
 });

我想做的是，在调用该函数时调用 flaggedCards 选项卡来重新加载，我尝试了各种不同的语法但无济于事。

• docs.jquery.com/UI/API/1.7.1/Tabs#method-load

Answer 1

我能够复制您在帖子中报告的完全相同的问题。这就是我最终解决它的方法。

在托管选项卡的根页面中，添加此功能:

function selectTab(index){
 $("#tabs").tabs('load', index);
}

然后在外部网址页面“flaaggedCards/”中，替换以下行:

$("#tabs").tabs( 'load' , 0 );

这样:

selectTab(0);

我不知道为什么这个解决方法能起作用。也许这是一个错误。