Как сменить change() в динамическом сгенерированном множественном выборе?

Question

Я использую jquery (mobile) для создания меню выбора, которое скрывает/показывает столбцы таблицы 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); 
    }); 

Это создает меню выбора, который содержит один вариант для каждого столбца таблицы. Выбор этой опции должен скрыть/переключить соответствующий столбец таблицы.

Однако, я не могу получить событие изменения к огню:

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

Если я использую вживую («изменение» ... и иметь 10 столбцов, я получаю 10 console.logs каждый раз, когда я выбираю один вариант. Так что это не работает.

ВОПРОС
есть ли способ использовать изменения, не живут и получить один console.log?

Answer 1

Мне нужно было удалить привязку события из цикла, добавляя параметры. Затем с использованием live работает отлично и только один раз.

Answer 2

Используете ли вы последнюю версию jQuery? Была проблема с этим, которая была исправлена ​​после jQuery 1.4.2.

См смежный вопрос здесь: Any alternative to jQuery change() to detect when user selects new file via dialog box in IE8?

пс. Я попытался написать это как комментарий/вопрос под вашим сообщением, но мне почему-то не разрешено. Надеюсь это поможет.