使用jquery append方法在jsp页面中加入html代码后，页面可显示写入的内容，但是页面所引用的js对新增内容无效

Question

需求：用jquery append方法在jsp页面增加一个input输入框，输入框内容需要用jquery validate校验不能为空。  
 我在使用jquery append方法对jsp页面中加入html代码后，页面可显示append进来的内容，但是页面引入的validation.js对新加内容无效。如果不是append进来的代码，而是本来就写在jsp页面的代码，则可使用该js。应该怎样解决这种问题呢？  这个问题困扰我很久了，请各位帮帮忙！谢谢！

Answer 1

因为JS代码执行的时候，选择器找到的元素就是一开始那么多，所以那些可以。通过JS脚本新创建的元素，在上面脚本执行的时候还不存在，所以无效。可以在元素创建之后，再对这些元素单独添加jquery validate相关事件。