[SemanticUI] dropdown 여러개 사용시 특정 id 이벤트

 

 

 

일부 UI 를 Semantic 을 사용하고 있어 사용하던 중

dropdown (selection) 모듈을 여러개 엘리먼트가 사용하고 특정 id에 이벤트를 줄 때 이슈를 해결하고자 한다.

 

 

모달항목에 dropdown 을 여러개 사용했는데

그 중 한 항목의 onChange 이벤트를 사용했는데 아무 반응이 없었다.

 

그렇다고 오류가 발생한 것도 아니라서 뭐지 했다.

 

 

처음에 코드는 이랬다.

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

$('#select-id').dropdown({
	onChange: function() {
		console.log($(this));
	}
});

하지만 특정 id 의 onChange 이벤트에 반응이 없었다.

 

 

코드상으로도 큰 이슈는 없어보인다.

dropdown 요소를 활성화하고

특정 id 에게 dropdown 변경 이벤트를 준 것이다.

 

오류도 없이 반응이 없어...

뭔가 갱신이 안되는 것 처럼 보여 레퍼런스를 보다가

아래 refresh를 사용해보기로 했다.

 

 

 

 

 

 

 

 

 

특정 id 이벤트 전에 refresh 를 하게끔 하였더니 정상 동작하였다.

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

$('#select-id').dropdown('refresh').dropdown({
	onChange: function() {
		console.log($(this));
	}
});

 

 

 

 

 

 

 

 

 

Semantic UI