Question

我将表单数据发布到使用jQuery标签的页面。因为您无法将后期数据加载到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>

在上面的示例中，除了“管理所有用户”选项卡之外的所有选项卡都是通过jQuery选项卡功能中的Ajax方法调用的。另一个只是页面上已有的静态div。在初始加载时，这非常有效。但是，如果您开始单击Ajax选项卡，静态div将保持在下方。

tabs（）函数中有一个'load：'回调函数。我知道我应该使用它 - 我根本不确定如何处理它。有什么想法，建议??

Answer 1

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

如果你试图隐藏它，你可以使用它。显然你可以用你想做的任何事情来换掉它，因为你对此并不十分具体。

带有Ajax和静态div的jQuery选项卡

1 个答案: