jquery ui tabs，根据数据库中的值创建选项卡

Question

我正在使用jquery-ui标签为用户加载3个不同的视图，但问题是用户不能一直看到所有3个视图。所以我的问题是如果它不包含任何内容，如何动态删除选项卡。另一个问题是标签高度没有扩展到适合内容。

PHP：

 echo '<div id="tabs">';
             echo '<ul><li><a href="#tabs-1">Author</a></li>';
             echo '<li><a href="#tabs-2">Organizer</a></li>';
              echo '<li><a href="#tabs-3">Reviewer</a></li></ul>';
            while ($r = mysql_fetch_assoc($get_role)) {
                $role = $r['role'];
                if ($role == 'author') {
                    echo "<div id='tabs-1'>";
                    AuthorView($member_id, $conference_id, $start, $end, $today);
                    echo "</div>";
                } else if ($role == 'organizer') {
                    echo "<div id='tabs-2'>";
                    OrganizerView($conference_id, $end);
                    echo "</div>";
                } else if ($role == 'reviewer') {
                    echo "<div id='tabs-3'>";
                    ReviewerView($member_id, $conference_id, $start, $end, $today);
                    echo "</div>";
                }
            }
            echo "</div>";

PS：AuthorView，ReviewerView，OrganizerView是创建每个视图的php函数

Answer 1

关于标签高度不适合内容的问题，请看一下这篇文章：

jQuery UI Tabs - Automatic Height

为什么不根据XxxxView函数的返回创建一个隐藏或不隐藏选项卡的全局函数？