동적 생성 된 다중 선택에서 change()를 실행하는 방법은 무엇입니까?

Question

jquery (모바일)를 사용하여 HTML 표의 열을 숨기거나 표시하는 선택 메뉴를 생성합니다.

은 다음과 같습니다

이

container = $('<select name="toggleCols" id="toggleCols" multiple="multiple"><option value="default" data-placeholder="true">Edit</option></select>'); 

$('.tableRows').each(function(i) { 
    if ($(this).is(".toggle")) { 
     var toggle = $('<option value="'+i+'">sometext'+i'+</option>'); 
    container.find("#toggleCols").append(toggle); 
    }); 

이 각 테이블 컬럼에 대한 하나의 옵션이 포함 된 선택 메뉴를 만듭니다. 이 옵션을 선택하면 각 테이블 열을 숨기거나/토글해야합니다.

그러나, 나는 불에 변경 이벤트 얻을 수 없다 : 나는 10 열을 라이브 ('변화'...을 사용하고있는 경우

$("#toggleCols").change(function(){ 
    console.log("change") 
    // do stuff 
    }) 

을, 나는 10 console.logs 내가 선택 할 때마다 얻을 하나의 옵션은. 그래서이 중 하나가 작동하지 않습니다.

질문
은 하나의 CONSOLE.LOG 라이브없이 변경을 사용하여 얻을 수있는 방법이 있습니까?

Answer 1

옵션을 추가하는 루프에서 이벤트 바인딩을 제거해야합니다. 그런 다음 라이브을 사용하면 정상적으로 작동하고 한 번만 발동합니다.

Answer 2

최신 버전의 jQuery를 사용하고 있습니까? 이 문제는 jQuery 1.4.2 이후에 수정되었습니다. Any alternative to jQuery change() to detect when user selects new file via dialog box in IE8?

PS :

여기에 관련 문제를 참조하십시오. 귀하의 게시물 아래에 댓글/질문으로 작성하려고했지만 어떤 이유로 허용되지 않았습니다. 희망이 도움이됩니다.