Как вы можете вручную переключить раскрывающееся меню Foundation 5 в javascript (внутри приложения emberjs)?

Question

У меня возникли проблемы с получением выпадающего списка, которое должно быть привязано должным образом в приложении ember js, потому что у меня есть обработчики action при щелчке внутри списка, а события фонда конфликтуют.

Имя шаблона:

<a data-dropdown="groupDrop" id="groupDropdownLink" class="button radius tiny success dropdown"> 
    Move Selected To Group ({{selectedCount}}) 
</a> 
<br> 
<ul id="groupDrop" data-dropdown-content class="f-dropdown"> 
    {{#each eventGroups}} 
    <li {{action 'moveToGroup' this}}><a>{{name}}</a></li> 
    {{/each}} 
</ul> 

Когда я бегу $ (документ) .foundation() переопределяет обработчики действий, и когда я извлекаю, что не вызывает ниспадающее меню.

Что мне нужно сделать, это добавить обработчик действий в тег a, а затем открыть его в раскрывающемся списке, поэтому я не могу использовать обработчики оснований.

Answer 1

Функция, которую нужно использовать, чтобы вызвать выпадающее меню является Foundation.libs.dropdown.toggle

Проходите в объект JQuery звена ниспадающего для переключения его

Вы можете решить, как это:

шаблона:

<a data-dropdown="groupDrop" {{action 'showDropdown'}} id="groupDropdownLink" class="button radius tiny success dropdown"> 
    Move Selected To Group ({{selectedCount}}) 
</a> 
<br> 
<ul id="groupDrop" data-dropdown-content class="f-dropdown"> 
    {{#each eventGroups}} 
    <li {{action 'moveToGroup' this}}><a>{{name}}</a></li> 
    {{/each}} 
</ul> 

контроллер:

Ea.GroupGuestsController = Em.ArrayController.extend 
    actions: 

    showDropdown: -> 
     Foundation.libs.dropdown.toggle($('#groupDropdownLink'))