0

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

  • 有人在输入字段中输入文本
  • 当他们敲击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我不知道如何修复它。它正在将下一个输入字段添加到页面中，但它没有聚焦它。

4

1 回答 1

2

你可以这样做：

    $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 调用来创建它。您还需要父母的下一个元素。

于 2012-11-19T03:19:18.103 回答