2013-07-07 32 views
1

我開始在Yii框架中的Bootstrap上工作,並發現一些困難,使其按照我想要的方式工作。 並沒有發現任何有用的文件,雖然我可能錯過了一些東西。 我有這樣的導航欄:Navbar事件中的Yii Bootstrap TbMenu

<?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'=>'#'), 
      )), 
     ), 
    ), 
), 
)); 
?> 

默認情況下的子菜單通過點擊事件輟學,但我想在子菜單mouseover事件輟學。怎麼做,請幫忙。提前致謝。

回答

0

我使用引導與Yii一段時間和子菜單自動彈出。請檢查此鏈接http://www.bootply.com/60842,它顯示在鼠標懸停時自動彈出子菜單。

你可能會覆蓋/缺少一些CSS/JavaScript文件。如果您的網頁在加載後沒有錯誤,請檢查控制檯。

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) 

爲了工作您剛剛更改的資產。

+0

我沒有看到你的代碼的差異,改變了什麼? – JorgeeFG