小编Jam*_*atu的帖子

jQuery自动完成动态创建的输入

我在使用动态创建输入的jQuery自动完成时遇到了问题(再次使用jQuery创建).我无法获得自动完成功能来绑定到新输入.

自动完成

      $("#description").autocomplete({
         source: function(request, response) {
            $.ajax({
                url: "../../works_search",
                dataType: "json",
                type: "post",
                data: {
                    maxRows: 15,
                    term: request.term
                },
                success: function(data) {
                    response($.map(data.works, function(item) {
                        return {
                                label: item.description,
                                value: item.description
                        }
                    }))
                }
            })
        },
        minLength: 2,
    });
Run Code Online (Sandbox Code Playgroud)


带输入的新表行

var i = 1;
var $table = $("#works");
var $tableBody = $("tbody",$table);

$('a#add').click(function() {
    var newtr = $('<tr class="jobs"><td><input type="text" name="item[' + i + '][quantity]" /></td><td><input type="text" id="description" name="item[' + i + '][works_description]" /></td></tr>');
    $tableBody.append(newtr); 
    i++;
});
Run Code Online (Sandbox Code Playgroud)

我知道问题是由于页面加载后创建的内容,但我无法弄清楚如何绕过它.我已经阅读了几个相关的问题,并遇到了jQuery …

jquery input append dynamic jquery-autocomplete

12
推荐指数
1
解决办法
3万
查看次数

标签 统计

append ×1

dynamic ×1

input ×1

jquery ×1

jquery-autocomplete ×1