Events Navbar事件中的Yii引导TBMNU
我开始在Yii框架中研究Bootstrap,并发现在按照我想要的方式工作时存在一些困难。 在文档中没有发现任何有用的东西,尽管我可能遗漏了一些东西。 我的导航栏是这样的:Events Navbar事件中的Yii引导TBMNU,events,twitter-bootstrap,yii,navbar,Events,Twitter Bootstrap,Yii,Navbar,我开始在Yii框架中研究Bootstrap,并发现在按照我想要的方式工作时存在一些困难。 在文档中没有发现任何有用的东西,尽管我可能遗漏了一些东西。 我的导航栏是这样的: <?php $this->widget('bootstrap.widgets.TbNavbar', array( 'collapse'=>true, // requires bootstrap-responsive.css 'fixed'=>'none', 'brand'=>false, 'ite
<?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'=>'#'),
)),
),
),
),
));
?>
默认情况下,单击事件会使子菜单退出,但我想在鼠标悬停事件时使子菜单退出。怎么办,请帮忙。提前感谢。我将引导与Yii一起使用一段时间,并自动弹出子菜单。还请检查此链接,该链接显示在鼠标上方自动弹出引导子菜单
您可能会覆盖/丢失一些css/javascript文件。如果加载后页面没有错误,请检查控制台。在引导扩展文件夹的资产文件夹中查找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)