Question

我正在努力：

使用输入字段

将焦点设置为该新字段

$("#newList").click(function () {
    $('li.divider').before('<li class="newListName"><input id="newListNameInput" /></li>',function() {
        $('#newListNameInput').focus();
    });
});

新的列表项已创建，但没有焦点。非常感谢帮助！

Answer 1

没有处理程序作为before的第二个参数，所以只需使用：

$("#newList").click(function() {
    $('li.divider').before('<li class="newListName"><input id="newListNameInput" /></li>');
    $('#newListNameInput').focus();
});

但是，如果添加许多新的input元素，请注意重复ID。也许最好使用类。

DEMO： http://jsfiddle.net/CANWE/

Answer 2

before()是同步的，不接受回调参数。你只需写：

$("#newList").click(function() {
    $('li.divider').before('<li class="newListName"><input id="newListNameInput" /></li>');
    $('#newListNameInput').focus();
});

或许，如果你想利用链接：

$("#newList").click(function() {
    $('<li class="newListName"><input id="newListNameInput" /></li>')
        .insertBefore("li.divider").find("input").focus();
});

Answer 3

试试这个http://jsfiddle.net/CWqxk/

jQuery创建输入字段并设置焦点

3 个答案: