Php 如何制作Jquery嵌套的Ajax选项卡

有谁能帮我通过ajax调用获取嵌套选项卡吗

说明： 我正在使用带有ajax选项的Jquery选项卡

代码：

$（“.has_ajax_tabs”）.tabs({
ajaxOptions：{
错误：函数（xhr、状态、索引、锚定）{
$（anchor.hash）.html（“哦……出了问题！此时无法加载此选项卡。请稍后再试。”）；
}
},
微调器：“加载…”，
幻灯片：对
});

HTML代码：

 <div id="tabs" class="has_ajax_tabs">
                                 <ul>
                                     <li><a href="#tabs-1">Profile Details</a></li>
                                     <li><a href="nestedTabsLink.php">Users</a></li>
                                 </ul>

 <div id="tabs-1">  Profile Details form here </div> </div>

档案详情请在此填写表格

通过Ajax调用加载的nestedTabsLink.php

<div id="tabs-nested" class="has_ajax_tabs">
    <ul>
        <li><a href="#tabs-inner1">Inner Tab1</a></li>
        <li><a href="#tabs-inner2">Inner Tab2</a></li>
    </ul>
    <div id="tabs-inner1">
        Nested Tabs1
    </div>
    <div id="tabs-inner2">
        Nested Tabs2
    </div>
</div>

嵌套Tabs1
嵌套Tabs2

错误：加载的nestedTabsLink.php文件也有选项卡，如果由Ajax加载，则选项卡不起作用。没有Ajax，它工作得非常完美。有人能帮我获取代码片段/指南吗

---

谢谢

如果您要操作nestedTabsLink.php文件，您还需要一个选项卡设置，对吗

---

使用ajax，请求页面中的javascript不会被解析。解决此问题的最佳方法是添加一个在加载页面后运行的函数。因此，您可以复制nestedTabsLink.php中选项卡的代码，并将其粘贴到ajax调用的完整事件中。

首先，您最好提高接受率

---

如果我理解正确，您没有加载在第二组选项卡上执行“选项卡魔术”的脚本。当然，可以选择让它工作，但我建议修改总体架构。您不应该通过AJAX调用加载HTML标记，因为这是多余的。只加载所需的数据，然后根据需要使用JS呈现数据。

其次，嵌套选项卡是糟糕的UI设计。但在我的例子中，页面太长了，必须分为两个部分，以便通过ajax实现更好的可访问性和负载平衡。因此，我希望通过ajax保持标签以加载。而且它只是两层标签结构。我希望重复代码不是一个好主意。那里应该有一些解决办法。有什么想法吗？谢谢，您可以尝试使用eval（）来解析javascript，方法是在请求页面中的所有标记中运行，然后评估它们的内容，但eval肯定不是解决方法（[link]）！你有网上的例子吗？我想看看你的代码。

<div id="tabs-nested" class="has_ajax_tabs">
    <ul>
        <li><a href="#tabs-inner1">Inner Tab1</a></li>
        <li><a href="#tabs-inner2">Inner Tab2</a></li>
    </ul>
    <div id="tabs-inner1">
        Nested Tabs1
    </div>
    <div id="tabs-inner2">
        Nested Tabs2
    </div>
</div>