Yii 框架，引导小部件 BootTabbable 不适用于 Chrome 或 Safari答案

【问题标题】：Yii framework, bootstrap widget BootTabbable does not work with Chrome or SafariYii 框架，引导小部件 BootTabbable 不适用于 Chrome 或 Safari
【发布时间】：2012-07-25 13:17:48
【问题描述】：

我正在使用 bootstrap extention 和 Yii 框架来为内容设置标签。 Here is an example。这些选项卡在 Firefox 中运行良好，但在 Google Chrome 和 Safari 中，选项卡的行为不同，它们随着页面加载而加载，但在单击选项卡后，它们会被选中，但内容不显示。

这是这些标签的代码：

<?php $this->widget('bootstrap.widgets.BootTabbable', array(
                'type'=>'tabs', // 'tabs' or 'pills'
                'tabs'=>array(
                        array('label'=>'Marionettisti', 'content'=>$this->renderPartial('staff/_view_staff_marionettisti', array('model'=>$model),$this),'active'=>true),
                        array('label'=>'Voci e Musica', 'content'=>$this->renderPartial('staff/_view_staff_vociemusica', array('model'=>$model),$this)),
                        array('label'=>'Laboratorio', 'content'=>$this->renderPartial('staff/_view_staff_laboratorio', array('model'=>$model),$this)),
                        array('label'=>'Direttore Artistico', 'content'=>$this->renderPartial('staff/_view_staff_direttore_artistico', array('model'=>$model),$this)),
                ),
            )); ?>

有什么想法吗？

【问题讨论】：

标签： google-chrome safari yii twitter-bootstrap yii-extensions

【解决方案1】：

尝试在renderPartial中传递第三个和第四个元素true，例如

$this->renderPartial('staff/_view_staff_marionettisti', array('model'=>$model),true,true

【讨论】：

不，它不起作用，我认为它与此有关：在 Firefox 中，当您单击某物时，它似乎获得焦点，但对于 Chrome 似乎并非如此在这种情况下。
尝试在渲染页面的末尾添加<div class="clear-fix"></div>。如果内容是第一次出现，那么它只是 div 或其他东西的问题。目前我正在从事涉及 Tabs 的项目，它工作正常

【解决方案2】：

检查我们所有的 div 是否在渲染页面中正确关闭。我遇到了同样的问题错误是不恰当地关闭了 div

【讨论】：