小编gzi*_*zix的帖子

焦点事件不适用于动态内容

我正在使用jQuery动态添加输入.之后我尝试使用焦点事件来生成另一个输入组.这是jsfiddle(http://jsfiddle.net/sk8UG/),下面是代码片段

HTML:

    <div class='row' id='addChild'>
    <input type='name' name='child0' id='child0'>
    <input type='name' name='phone0' id='phone0'>
    </div>
Run Code Online (Sandbox Code Playgroud)

JS:

  $(document).ready(function(){
     $("#child0").focus(function() {
         $('#addChild').append("<input type='name' name='child1' id='child1'><input type='name' name='phone1' id='phone1'>");
     });
     $("#child1").focus(function() {
         $('#addChild').append("<input type='name' name='child2' id='child2'><input type='name' name='phone2' id='phone2'>");
     });
   });
Run Code Online (Sandbox Code Playgroud)

在#child0的焦点上,它将创建#child1.但是,在#child1的焦点上,它什么也没做

html javascript jquery input

1
推荐指数
1
解决办法
1728
查看次数

标签 统计

html ×1

input ×1

javascript ×1

jquery ×1