Как связать выпадающий список семантического пользовательского интерфейса с помощью JQUERY?

Question

Мой код

<div class="ui teal inverted menu"> 
<a class="active item"> 
<i class="home icon"></i>Home 
</a> 

<div class="ui dropdown item"> 
Stock<i class="dropdown icon"></i> 
<div class="menu"> 
<div class="item">Real Time Monitoring</div> 
<div class="item" >Market Summary</div> 
</div> 
</div> 

Как сопоставить с JQuery? Кто-нибудь может ответить?

Answer 1

Вы можете попробовать это в качестве образца jsfiddle.net/bharatsing/8z6s2m7a/

<div class="ui teal inverted menu"> 
<a class="active item"> 
<i class="home icon"></i>Home 
</a> 

<div class="ui dropdown item" id="divDDL"> 
Stock<i class="dropdown icon"></i> 
<div class="menu"> 
<div class="item">Real Time Monitoring</div> 
<div class="item" >Market Summary</div> 
</div> 
</div> 

$("#divDDL").dropdown(); 

Answer 2

Вы должны инициализировать выпадающий список следующим образом:

$('.ui.dropdown') 
    .dropdown() 
; 

Пожалуйста нашел больше информации в этом HERE