Semantic UI Выпадающее тестирование

Я пытаюсь проверить модуль Semantic UI Dropdown из семантического интерфейса.Semantic UI Выпадающее тестирование

Когда я пытаюсь использовать его, он фактически не «падает». Я попытался понять это, но я не могу заставить его работать.

Вот мой пример:

<!DOCTYPE html> 
<html> 

    <head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.css"/> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.js"></script> 
    </head> 

    <body> 
    <div class="ui multiple dropdown"> 
     <input type="hidden" name="filters"> 
     <i class="filter icon"></i> 
     <span class="text">Filter Posts</span> 
     <div class="menu"> 
     <div class="ui icon search input"> 
      <i class="search icon"></i> 
      <input type="text" placeholder="Search tags..."> 
     </div> 
     <div class="scrolling menu"> 
      <div class="item" data-value="important"> 
      <div class="ui red empty circular label"></div> 
      Important 
      </div> 
      <div class="item" data-value="enhancement"> 
      <div class="ui orange empty circular label"></div> 
      Enhancement 
      </div> 
     </div> 
     </div> 
    </div> 
    </body> 
</html>

Что мне нужно сделать, чтобы получить Semantic Dropdown UI работать?

источник

2017-02-13 Vaccano

Просто нужно добавить сценарий для разжигания семантической Ui:

<script> 
    $('.ui.dropdown').dropdown(); 
</script>

источник

2017-02-13 17:53:30 Vaccano

Semantic UI Выпадающее тестирование

ответ

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