我使用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函数,用于创建每个视图
关于标签高度不适合内容的问题,请查看以下文章:
jQuery UI选项卡-自动高度
为什么不制作一个全局函数,根据XxxxView函数的返回来隐藏或不隐藏选项卡?