动态字段上的Jquery UI自动完成

http://www.screencast.com/t/GMGBy6QF9bP

因为我已经证明我试图在一个动态生成的字段使用jQuery UI的自动完成，自动完成正常工作与我使用复制&生成动态领域的主要领域。但是当添加一个新字段时，自动完成功能不会与新生成的字段一起工作。

这是我的自动完成代码

$(function(){ 
    $(".get-tasks").autocomplete({ 
    source: baseurl+"job/job/get_tasks_autocomp", 
    }); 
})

我想获得从这里有人解决这个问题的帮助，请在显示的代码，我怎么能解决这个问题。

这是代码，添加新的领域

$(document).ready(function(){ 
     var i=0; 
     $('#add_fault_fld').click(function(){ 
      i++; 
      $('#dynamic_field').append('<tr id="row'+i+'"><td><input type="text" class="get-tasks job-tasks form-control" name="fault['+i+']" id="['+i+']" placeholder="" class="form-control name_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>'); 

     }); 
     $(document).on('click', '.btn_remove', function(){ 
      var button_id = $(this).attr("id"); 
      $('#row'+button_id+'').remove(); 
     }); 
     $('#submit').click(function(){    
      $.ajax({ 
       //url:"name.php", 
       method:"POST", 
       data:$('#add_fault').serialize(), 
       success:function(data) 
       { 
        alert(data); 
        $('#add_fault')[0].reset(); 
       } 
      }); 
     }); 



}); //End

来源

2016-08-18 greenarrow

你能提供添加更多按钮的代码吗，jsfiddle会有帮助。 – kasperite

@ kasperite我已更新帖子，请检查。 – greenarrow

嗯，好吧试试这个，看看它是否适合你。我正在使用原型将自动完成功能附加到动态元素。

修订：增加了对演示的jsfiddle：https://jsfiddle.net/p7pdmbgf/

更新时间 - 2：https://jsfiddle.net/p7pdmbgf/3/

$('#add_fault_fld').click(function(){ 
    i++; 
    var element = '<tr id="row'+i+'"><td><input type="text" class="get-tasks job-tasks form-control" name="fault['+i+']" id="['+i+']" placeholder="" class="form-control name_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>'; 
    $('#dynamic_field').append(element).attachAutocomplete(); 
}); 


$.fn.attachAutocomplete = function() { 
    $(this).find(".get-tasks").autocomplete({ 
    source: baseurl+"job/job/get_tasks_autocomp", 
    }); 
}

来源

2016-08-18 04:49:23 kasperite

不工作:(请注意，我在两个独立文件中生成动态字段和自动完成的代码 – greenarrow

我附加了jsfiddle链接以向您展示它是如何工作的。只要它们都包含在内，两个单独的文件无关紧要。假设'baseurl'被定义在一个文件中，但不是其他的？ – kasperite

感谢兄弟这个工作，但有一个小问题看看http://www.screencast.com/t/VFRvHzvg – greenarrow

@kasperite对不起什么也没有发生在这里我就是这样做

我已经改变

$.fn.attachAutocomplete = function() { 
    $(this).find(".get-tasks").autocomplete({ 
    source: baseurl+"job/job/get_tasks_autocomp", 
    }); 
}

到

$.fn.attachAutocomplete = function() { 
     $('#dynamic_field').attachAutocomplete({ 
     source: baseurl+"job/job/get_tasks_autocomp", 
     }); 
    }

您可以发布最终的代码与新的更新请。

来源

2016-08-19 03:48:07 greenarrow

动态字段上的Jquery UI自动完成

回答

相关问题