2015-01-20 4 views
0

Так я после документации Twitter Bootstrap и пытаюсь реализовать простую выпадающие <a> связь с некоторыми дополнительными атрибутами, брошенных в него в моем .navbar (см http://getbootstrap.com/components/#navbar-default)Rails 4: link_to сломаны в Bootstrap контексте

Линия в документации:

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a> 

Что я переводил в Rails, как:

=link_to who_we_are_path, class:'dropdown-toggle', role:'button', 'aria-expanded' =>'false', data:{toggle: 'dropdown'} do 
     Who We Are 
     %span.caret 

Который генерирует следующий HTML:

Какой выглядит полностью действующим. Однако, когда я нажимаю текст "Who We Are" в DOM, он фактически не переходит к пути /who_we_are, однако, когда я наводил курсор мыши на текст, который я вижу в левом нижнем углу моего браузера, я вижу 0.0.0.0:3000/who_we_are.

+0

Я чувствую, что это может быть тот факт, что я прохожу путь в качестве первого аргумента без использования «()», но когда я пытаюсь что я получаю другой синтаксис ошибка... – Thalatta

ответ

1

Это потому, что роль выпадающего меню - загрузить пункт меню, Bootstrap предотвращает выпадающие меню по умолчанию и отображает меню. Вы должны добавить свою ссылку в меню или вам нужно переопределить значения по умолчанию для Bootstraps. см http://getbootstrap.com/components/#dropdowns

Попробуйте один

%div.dropdown 
    =link_to "#", class:'dropdown-toggle', role:'button', 'aria-expanded' =>'false', data:{toggle: 'dropdown'} do 
     Load Menu 
     %span.caret 
    %ul.dropdown-menu{role:"menu"} 
    %li=link_to "Who We Are", who_we_are_path 
Смежные вопросы