2013-07-07 3 views
1

Я начинаю работать над Bootstrap в структуре Yii и нахожу некоторые трудности в том, чтобы заставить его работать так, как я хочу. И не нашли ничего полезного в документах, хотя я мог что-то пропустить. У меня есть Navbar так:Yii Bootstrap TbMenu в событиях Navbar

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

По умолчанию подменю выпадать по Click события, но я хочу, чтобы подменю выпадать в случае наведения мыши. Как это сделать, пожалуйста, помогите. Заранее спасибо.

ответ

0

Я использую bootstrap с 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