Semantic UI 드롭 다운 메뉴가 반응하지 않습니까?

Question

최근에는 시맨틱 UI를 배웠고 드롭 다운 메뉴까지 모든 것이 원활하게 반응합니다. 여기에 코드입니다 : 내가 반응과 의미 - UI를 제외한 모든 CSS 나 라이브러리를 사용하지 않는

render() { 
    return (<div className="ui form"> 
         <div className="field"> 
          <div className="ui selection dropdown"> 
           <input type="hidden" name="options"/> 
           <i className="dropdown icon"></i> 
           <div className="default text">Options</div> 
           <div className="menu"> 
            <div className="item">Option 1</div> 
            <div className="item">Option 2</div> 
           </div> 
          </div>                   
         </div> 
        </div>); 
} 

는, 단지 그것에 대해 어떤 생각을 클릭 할 수 없습니다 드롭 다운 메뉴를 보여줍니다? Semantic UI docs에서

Answer 1

:

드롭 다운은 또한 HTML을 생성 할 수 있습니다 자바 스크립트 때까지 숨겨집니다로 초기화 모든 선택 요소는이 스타일이 적용되지 않은 내용의 플래시 및 페이지 흐름을 조절하는 요소 높이의 변화를 방지하는 것입니다.

당신은 당신에게 드롭 작업을하기 위해 다음과 같은 자바 스크립트를 추가해야합니다

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