远程jquery嵌套选项卡

我在jquery选项卡中有嵌套的选项卡，如果我们想要静态jquery选项卡，这非常简单

但是，如果我们想要嵌套的选项卡，远程页面应该决定哪些选项卡

或者换句话说，我希望在远程页面中嵌套选项卡（或ajaxified）

例如，我通过选项卡调用此页面（远程页面）

<div id="container-2">

  <ul>
  <li><a href="#fragment-1a"><span>Section 1a</span></a></li>
  <li><a href="#fragment-1b"><span>Section 1b</span></a></li>

  <li><a href="#fragment-1c"><span>Section 1c</span></a></li>

  </ul>
  <div id="fragment-1a">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>
  <div id="fragment-1b">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>
  <div id="fragment-1c">

  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>

  </div>

这是一位杰出的领袖，他是一位伟大的领袖。
这是一位杰出的领袖，他是一位伟大的领袖。
这是一位杰出的领袖，他是一位伟大的领袖。
这是一位杰出的领袖，他是一位伟大的领袖。
这是一位杰出的领袖，他是一位伟大的领袖。
这是一位杰出的领袖，他是一位伟大的领袖。

在主页上我有

<script type="text/javascript">
$(function(){
$('#tabs').tabs();
$("#container-2").tabs();
});
</script>
<div id="tabs">
        <ul>
                <li><a href="remote.jsp"><span>Requests</span></a></li>
      </ul>
  </div>

$（函数（）{
$（“#tabs”）.tabs（）；
$（“#container-2”）.tabs（）；
});

但我无法在远程页面中获取嵌套选项卡

它们是简单的列表形式

有什么帮助吗

谢谢

---

Pradyut

只有在加载了#container-2之后，才需要调用它的tabs（）函数。当您使用远程选项卡时，在打开该选项卡之前不会加载内容，这意味着不会同时将该选项卡的内容添加到DOM$（document）.ready（）激发。请尝试以下方法：

<script type="text/javascript">
 $(function(){
    $('#tabs').tabs({
     load: function(event, ui) {
        $("#container-2").tabs();
     }
    });
 });
</script>

$（函数（）{
$（'#制表符'）。制表符({
加载：函数（事件、用户界面）{
$（“#container-2”）.tabs（）；
}
});
});

---

我还没有对它进行测试，因此您可能需要修改load函数内部的代码以使其正常工作，但这应该可以让您开始了。

您正在尝试将

选项卡（）

绑定到

$（“#container-2”）

，而该选项卡不存在。您需要在加载选项卡内容后执行此操作

$('#tabs').tabs({
   load: function(event, ui){
     $("#container-2").tabs();
   }
});

---

遥控器本身应该有一个脚本

<script type="text/javascript">

  $(function(){
  $('#tabs-2').tabs();
  });
  </script>

$（函数（）{
$（'#tabs-2'）.tabs（）；
});

此处的示例url：-