比如一个页面 放入几个文本标签
然后绑定事件
$("#...").bind(///)
但如果我动态生成文本标签 $("body").append("<input>")
为什么绑定的事件对动态生成的无效?

解决方案 »

  1.   

    之前绑定的对后来添加进去的无效,要先添加再绑定就行了,如果想后面添加的也可以直接绑定事件,用live()。下面是live的介绍:jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数(比如click事件)。也能绑定自定义事件。目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。 还不支持 blur, focus, mouseenter, mouseleave, change, submit 与bind()不同的是,live()一次只能绑定一个事件。 这个方法跟传统的bind很像,但还是有一些重要区别: 
    用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说,如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时,对于这个新增加的li,其click事件依然可用。而无需重新给这种新增加的元素绑定事件。
    live 事件冒泡的行为与传统的方式不同,因此也不能完全支持stopPropagation 或 stopImmediatePropagation 阻止冒泡,但部分支持。如果内外元素都用live事件绑定,则可以通过return false来阻止冒泡。如果外部父元素是普通事件,而内部子元素是live事件,则无法通过return false来阻止冒泡。
    目前live事件只能支持使用选择器选择的元素。比如说,$("li a").live(...) 可以使用,但$("a", someElement).live(...) 或者 $("a").parent().live(...) 是无效的。live()与流行的liveQuery插件很像,但有以下几个主要区别:.live 目前只支持所有事件的子集,支持列表参考上面的说明。
    .live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
    .live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。要移除用live绑定的事件,请用die方法
      

  2.   

    再问一个问题 比如我很多文本框 怎样得到键盘值 如果是enter 则下一个文本框获得光标?
    同时浏览器兼容
      

  3.   

    $(":text").live("keydown",function(e){
        if(e.keyCode == 13)
        {
            $(this).next(":text").focus();
        }
    });