動態字段上的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自動完成

回答

相關問題