隐藏jQuery选项卡 - Hiding jQuery Tabs

Hiding jQuery Tabs

本文关键字：选项 jQuery 隐藏 | 更新日期: 2023-09-27

是否有办法隐藏一个空的jQuery选项卡?

具体来说，我正在使用Yii的CJuiTabs并从数据库中提取选项卡内容。

如果该内容不存在于数据库中，我不想为此显示一个选项卡。这能做到吗?

在Yii中包含CJuiTabs:

$this->widget('zii.widgets.jui.CJuiTabs', array(
    'tabs'=>array(
        'StaticTab 1'=>'Content for tab 1',
        'StaticTab 2'=>array('content'=>'Content for tab 2', 'id'=>'tab2'),
        // panel 3 contains the content rendered by a partial view
        'AjaxTab'=>array('ajax'=>$ajaxUrl),
    ),
    // additional javascript options for the tabs plugin
    'options'=>array(
        'collapsible'=>true,
    ),
));

用于PHP生成的内容

foreach ($dbContents as $id => $content) {
  if (!$content) continue;
  $tabs[] = Array('id' => 'tab-'.$id, 'content' => $content)
}
$this->widget(....., array('tabs'=>$tabs));

PS:在我的手机上写的，代码可以更复杂一点:)