Фонд 4 Пользовательское раскрывающееся меню не обязательные данные

Question

Я внедрил Foundation 4 Dropdown в той форме, которую я использую.

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

В списке 4 тегов первый элемент будет выбран правильно, но все остальные будут связываться с элементом перед ним ...

Binds to option 1 - <li class="">Mr</li> 
Binds to option 1 - <li class="">Mrs</li> 
Binds to option 2 - <li class="">Miss</li> 
Binds to option 3 <li class="">Ms</li> 

1 - <option value="Mr">Mr</option> 
2 - <option value="Mrs">Mrs</option> 
3 - <option value="Miss">Miss</option> 
4 - <option value="Ms">Ms</option> 

странно при нажатии или выбрать во второй раз он связывается правильный предмет.

Я повторил несколько тестов с аналогичными результатами.

Кто-нибудь сталкивался с чем-то похожим?

Answer 1

Если вы действительно используете выпадающий элемент Zurb Foundation, тогда было бы разумно использовать синтаксис Zurb для создания выпадающего меню. Как правило, это синтаксис, который должен использоваться для кнопки DropDown:

<a href="#" data-dropdown="drop" class="button dropdown">Dropdown Button</a><br> 
<ul id="drop" data-dropdown-content class="f-dropdown"> 
    <li><a href="#">This is a link</a></li> 
    <li><a href="#">This is another</a></li> 
    <li><a href="#">Yet another</a></li> 
</ul> 

ИЛИ для основного управления DropDown:

<a href="#" data-dropdown="drop1">Has Dropdown</a> 
<ul id="drop1" class="f-dropdown" data-dropdown-content> 
    <li><a href="#">This is a link</a></li> 
    <li><a href="#">This is another</a></li> 
    <li><a href="#">Yet another</a></li> 
</ul> 
<a href="#" data-dropdown="drop2">Has Content Dropdown</a> 
<div id="drop2" data-dropdown-content class="f-dropdown content"> 
    <p>Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!</p> 
</div> 

Дополнительную документацию можно найти на сайте Фонда Zurb в: http://foundation.zurb.com/docs/components/dropdown_buttons.html http://foundation.zurb.com/docs/components/dropdown.html

Если я не ответил на ваш вопрос или, возможно, неправильно понял ваш вопрос, или вы считаете, что это ошибка в одной из библиотек Фонда, я также рекомендую перейти на Foundation5 (которая является последней версией, выпущенной довольно недавно).

Надеюсь, это поможет немного. Дайте мне знать, если я неправильно понял или могу помочь.

-Mike