Question

这就是我想要发生的事情：

有人将文字输入到输入字段
当他们在键盘上点击ENTER时，它会使用after()函数在当前输入字段之后添加一个输入字段，然后它会聚焦该输入字段，以便他们可以继续键入并执行此操作在

这是我的代码无法正常工作：

$('.table-todo input[type=text]').live('keypress', function (e) {   
    if (e.which == 13) 
    {
        $parent = $(this).parent('.field');     
        $.get('projects-add-task.php?show_delete=yes', function (data) { $parent.after(data); }, 'html');
        $(this).next('input[type=text]').focus();
    }
});

继承人projects-add-task.php：

的内容

<div class="field">
<input type="text" name="task[]" />
<a href="#" title="Add Task Below" class="todo-add"><img src="images/icon-todo-add.png" alt="" onmouseover="this.src='images/icon-todo-add-h.png'" onmouseout="this.src='images/icon-todo-add.png'" /></a>
<?php if ($_GET['show_delete'] == 'yes') { ?>
<a href="#" title="Delete This Task" class="todo-delete"><img src="images/icon-todo-delete.png" alt="" onmouseover="this.src='images/icon-todo-delete-h.png'" onmouseout="this.src='images/icon-todo-delete.png'" /></a>
<?php } else { ?>
<img src="images/icon-todo-delete-o.png" alt="" />
<?php } ?>
<div style="clear: both;"></div>
</div>

它只是没有关注通过$.get添加的输入，我无法弄清楚如何解决它。它正在将下一个输入字段添加到页面中，但它没有聚焦它。

Answer 1

你可以这样做：

    $parent = $(this).parent('.field');    
    $this = $(this);
    $.get('projects-add-task.php?show_delete=yes', function (data) { 
        $parent.after(data); 
        $parent.next().children('input[type=text]').focus();
    }, 'html');

问题是，执行$(this).next('input[type=text]').focus();时实际上并未创建下一个输入元素，因为您正在使用AJAX调用来创建它。你还需要父母的下一个元素。

刚刚添加的元素上的jquery next（）

1 个答案: