1

我开始在 Yii 框架中使用 Bootstrap 并发现使其按我想要的方式工作的一些困难。并且在文档中没有发现任何有用的东西，尽管我可能错过了一些东西。我有这样的导航栏：

<?php $this->widget('bootstrap.widgets.TbNavbar', array(
'collapse'=>true, // requires bootstrap-responsive.css
'fixed'=>'none',
'brand'=>false,
'items'=>array(
    array(
        'class'=>'bootstrap.widgets.TbMenu',
        'items'=>array(
            array('label'=>'Home', 'url'=>'#', 'active'=>true),
            array('label'=>'Link', 'url'=>'#'),
            array('label'=>'Dropdown', 'url'=>'#', 'items'=>array(
                array('label'=>'Action', 'url'=>'#'),
                array('label'=>'Another action', 'url'=>'#'),
                array('label'=>'Something else here', 'url'=>'#'),
                '---',
                array('label'=>'NAV HEADER'),
                array('label'=>'Separated link', 'url'=>'#'),
                array('label'=>'One more separated link', 'url'=>'#'),
            )),
        ),
    ),
),
));
?>

默认情况下，单击事件会退出子菜单，但我想在鼠标悬停事件时退出子菜单。怎么做，请帮忙。提前致谢。

4

2 回答 2

0

我在 Yii 上使用 bootstrap 一段时间，然后自动弹出子菜单。还要检查此链接http://www.bootply.com/60842，它显示在鼠标悬停时会自动弹出引导子菜单。

您可能会覆盖/丢失一些 css/javascript 文件。如果您的页面在加载后没有错误，还要检查控制台。

于 2013-07-09T13:16:48.440 回答
0

在引导扩展文件夹的资产文件夹中找到 bootstrap.js。

替换以下内容（第 797-800 行）：

.on('click.dropdown.data-api', clearMenus)
.on('mouseover.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
.on('mouseover.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
.on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)

变成

.on('click.dropdown.data-api', clearMenus)
.on('mouseover.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
.on('mouseover.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
.on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)

为了工作，您必须清理主目录中的资产文件夹，以便从您刚刚更改的资产中生成一次。

于 2013-08-27T15:51:52.480 回答