Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery自动完成程序不适用于动态添加的文本框_Javascript_Jquery - Fatal编程技术网

Javascript jquery自动完成程序不适用于动态添加的文本框

Javascript jquery自动完成程序不适用于动态添加的文本框,javascript,jquery,Javascript,Jquery,jQueryUIAutoCompleter正在为第一个文本框加载页面,但是在加载了更多具有相同类名的文本框之后,autocompleter就不工作了 有人能帮我吗 $(document).ready( function(){ var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC" ]; $( ".lang" ).autocomple

jQueryUIAutoCompleter正在为第一个文本框加载页面,但是在加载了更多具有相同类名的文本框之后,autocompleter就不工作了

有人能帮我吗

$(document).ready(
    function(){
 var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC" 
    ];
         $( ".lang" ).autocomplete({
      source: availableTags
    });

        $('#addRow').click(
            function() {
                var curMaxInput = $('input:text').length;

                $('#rows li:first')
                    .clone()
                    .insertAfter($('#rows li:last'))
                    .find('input:text:eq(0)')
                    .attr({'id': 'ans' + (curMaxInput + 1),
                           'value': '',
                           'name': 'ans' + (curMaxInput + 1)
                          })
                    .parent()
                    .find('input:text:eq(1)')
                    .attr({
                        'id': 'ans' + (curMaxInput + 2),'value': '',
                        'name': 'ans' + (curMaxInput + 2)
                    });
                $('#removeRow')
                    .removeAttr('disabled');
                if ($('#rows li').length >= 5) {
                    $('#addRow')
                        .attr('disabled',true);
                }
                return false;
            });

        $('#removeRow').click(
            function() {
                if ($('#rows li').length > 1) {
                    $('#rows li:last')
                        .remove();
                }
                if ($('#rows li').length <= 1) {
                    $('#removeRow')
                        .attr('disabled', true);
                }
                else if ($('#rows li').length < 5) {
                    $('#addRow')
                        .removeAttr('disabled');

                }
                return false;
            });
    });
$(文档)。准备好了吗(
函数(){
var availableTags=[
“动作脚本”,
“AppleScript”,
“Asp”,
“基本”
];
$(“.lang”).autocomplete({
资料来源:availableTags
});
$(“#添加行”)。单击(
函数(){
var curMaxInput=$('input:text')。长度;
$(“#行李:第一行”)
.clone()
.insertAfter($(“#行li:last”))
.find('输入:文本:等式(0)')
.attr({'id':'ans'+(curMaxInput+1),
“值”:“,
'name':'ans'+(curMaxInput+1)
})
.parent()
.find('输入:文本:等式(1)')
艾特先生({
'id':'ans'+(curMaxInput+2),'value':'',
'name':'ans'+(curMaxInput+2)
});
$(“#removeRow”)
.removeAttr(“禁用”);
如果($('#行li')。长度>=5){
$(“#添加行”)
.attr('disabled',true);
}
返回false;
});
$('#removeRow')。单击(
函数(){
如果($('#行li')。长度>1){
$(“#行李:最后一行”)
.remove();
}

如果($('#rows li').length添加新的
.lang
元素时,您也不会将自动完成关联到它,因为绑定仅在文档就绪时进行

因此,我创建了一个类似这样的函数,然后在documentready中调用,但也在
$(“#addRow”)中调用。单击

function addAutocomplete() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC"];

    $(".lang").autocomplete({
        source: availableTags
    });
}
addAutocomplete();
我修改了你的代码并创建了这个。希望对你有所帮助