如何在动态生成的多选中触发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); 
    }); 

这将创建选择菜单，其中包含了每种表列一个选项。选择此选项应该隐藏/切换相应的表格列。

但是，我不能得到改变事件火了：如果我使用活（“变化” ...并有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。我试图在你的帖子下写这个评论/问题，但由于某种原因我不允许。希望这可以帮助。