关于jquery中动态增加select,事件无效的快速解决方法

（2）live() 并不完全支持通过DOM遍历的方法找到的元素。取而代之的是，应当总是在一个选择器后面直接使用 .live()方法。

（3）当一个元素采用live方法进行事件的绑定的时候，如果想阻止事件的传递或冒泡，就要在函数中return false,仅仅调用stopPropagation()是无法实现阻止事件的传递或者冒泡的

另外，使用live时，最好用class来指定。

例如：

var $idv0=$("<div id='selectTreeList"+i+"''></div> ");//i是动态的
var $select0=$("<select id='selTreeNode"+i+"' class='nodeTab' multiple='multiple'
style='width:200px;height:225;'></select>");
$div0.append($select0);

使用时以下的方式用效果：

在$(".divtab_down .nodTab").live('change',function(){
})
$(".divtab_down").children("select").live.('change',function(){
})//此种方式不起作用

备注：

在jquery1.7.1或更早版本，需要用bind/unbind（常规绑定），live/die（预绑定）,在后来版本中用on/off来替代bind,live等。

以上这篇关于jquery中动态增加select,事件无效问题的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。