Question

有没有办法隐藏空的jQuery选项卡？

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

如果db中不存在该内容，我不希望显示任何标签。可以这样做吗？

在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,
    ),
));

Answer 1

用PHP生成的东西

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

$this->widget(....., array('tabs'=>$tabs));

PS：写在我的手机上，代码可能会更复杂一些：）

隐藏jQuery选项卡

1 个答案: