2015-08-26 4 views
0

Мне нужна помощь с помощью раскрывающегося меню в семантике. Тег множественного выбора не работает должным образом. Вот код:Управление распаковкой в ​​семантике ui

    <div class="ui fluid multiple search selection dropdown"> 
       <input name="tag" type="hidden"> 
       <i class="dropdown icon"></i> 
       <div class="default text">Tags</div> 
       <div class="menu"> 
        <div class="item" data-value="angular">Angular</div> 
        <div class="item" data-value="css">CSS</div> 
        <div class="item" data-value="design">Graphic Design</div> 
        <div class="item" data-value="ember">Ember</div> 
       </div> 
       </div> 

и код сценария

$('.tag .ui.dropdown').dropdown({allowAdditions: true}); 

Один выбор это один тот работает.

Заранее спасибо :)

+0

Err ... есть элемент, который содержит HTML-фрагмент, который вы опубликовали, и имеет класс 'tag', так что правильный элемент будет соответствовать селектору' .tag .ui.dropdown'? –

ответ

0

Вы должны использовать семантическую-UI 2. Какую версию вы используете?

Смотрите новые элементы пользовательского интерфейса здесь: https://github.com/Semantic-Org/Semantic-UI/blob/master/RELEASE-NOTES.md#version-200---june-30-2015

Здесь у вас есть точный код работает на plunker с версией 2.0.8: http://plnkr.co/edit/TPaqyX8f46H2K4eu59yp?p=preview

//Same code as in the question 
     <div class="ui fluid multiple search selection dropdown"> 
      <input name="tags" type="hidden"> 
      <i class="dropdown icon"></i> 
      <div class="default text">Tags</div> 
      <div class="menu"> 
       <div class="item" data-value="angular">Angular</div> 
       <div class="item" data-value="css">CSS</div> 
       <div class="item" data-value="design">Graphic Design</div> 
       <div class="item" data-value="ember">Ember</div> 
      </div> 
      </div> 
+0

Большое спасибо @ alfonso-presa! Я вижу свое плохое, когда вы проверяете пример plunker. Я запускал старую версию семантики .js. – Nicolasie

Смежные вопросы