jQuery选项卡同时具有Ajax和static div'；s

我正在将表单数据发布到使用jQuery选项卡的页面。因为您无法将post数据加载到Ajax查询中（至少在没有大量额外工作和使其更不安全的情况下），所以我将活动选项卡作为页面上的实际div加载

<script type="text/javascript">
    $(document).ready(function () {
        $('#tabs').tabs({ selected: 3 });
    });
</script>

<div id="tabs" style="margin-top: 10px">
    <ul>
        <li><a href="myprofile.php">My Profile</a></li>
        <li><a href="mycompany.php">My Company</a></li>
        <li><a href="manageusers.php">Manage Users</a></li>
        <li><a href="#manageallusers">Manage All Users</a></li>
        <li><a href="manageclients.php">Manage Clients</a></li>
    </ul>
    <div id="manageallusers"></div>
</div>

$（文档）.ready（函数（）{
$（'#tabs'）。tabs（{所选：3}）；
});

在上面的示例中，除了“管理所有用户”选项卡之外的所有选项卡都是通过jquerytabs函数中的Ajax方法调用的。另一个只是页面上已经存在的静态div。在初始加载时，此功能运行良好。但是，如果您开始在Ajax选项卡中单击，静态div将保留在下面

tabs（）函数中有一个“load:”回调。我知道我应该用这个--我只是不知道怎么用。有什么想法、建议吗

$("#tabs").tabs(
        {
            load: function(ui)
            {
                $("#manageallusers").hide();
            }
        });

---

如果你想隐藏它，你会用这个。很明显，你可以把它换成你想做的任何事情，因为你对它不是很具体

那你想做什么？静态div不会移动-它是静态的。这应该可以正常工作。jQueryUI选项卡应该自动隐藏和显示静态选项卡。使用AJAX选项卡和常规的“div”选项卡之间没有真正的区别。为什么使用xhr post比使用普通表单post更不安全？@redsquare:AJAX post在这种情况下更不安全，因为数据已经发布到页面上，我将再次显示它，并显示错误或确认。如果我用Ajax重新发布它，那么所有的post数据都需要在JS中写出@cdmckay：我是这么想的，但是div没有隐藏：（@Nathan Loding:这很奇怪，因为我在当前的项目中已经广泛使用了jQuery UI选项卡，并且没有进行任何手动隐藏。我能想到的唯一可能性是，你正在对静态div应用一些额外的CSS，这导致它没有被隐藏（或者以某种方式覆盖jQuery UI的隐藏机制）@Skillynes:这就是我要找的。我想我只是想得太多了。谢谢！是的，至少可以说这是不同的。我在www.skillynes.comHa上用同样的东西做了一些魔术！我还发现了一个打字错误，在某些情况下抛出了一个异常，部分原因是这个。仍然必须使用这个m方法：load:function（event，ui）{if（this.href=='#managealUsers'）{$（'#managealUsers'）.show（）；}否则{$（'#managealUsers'）.hide（）；}