追加jquery textarea ckeditor not workingg

Question

これは私のコードです。このckeditor関数では、データを追加するためには適用されません。私はheader.phpファイルのckeditorのcdn linkを使用しています。だから私はどのように適用することができます。

<script>  
    $(document).ready(function(){ 

     var i = 1; 
     $('#add').click(function() 
     { 

      $.getScript("ckeditor.js"); 

     i++; 
     $('#dynamic_fields').append('<tr id="row'+i+'"><td><label class="col-md-3 control-label">Title</label><input type="text" name="title[]" id="title" placeholder="Enter Name" class="form-control name_list"><label class="col-md-3 control-label">Description</label><textarea class="ckeditor form-control" name="desc[]" id="desc" rows="6" style="width:50%;" value=""></textarea><input type="hidden" name="imageid" value=""> <label class="col-md-3 control-label">Product Image</label><div class="form-group"><input type="file" class="form-control" name="userfile[]" multiple="multiple"></div></td><td><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(); 
    }); 
    }); 

    </script> 

Answer 1

これは機能しているようです。私はあなたのi ++の場所を追加した後に変更して、そのjsコードのCDNを使用し、あなたが持つことができるのであなたのIDにカウンタを追加しました。私は私のローカルマシンでこれを試して、エラーなしで動作します。私はこれがあなたがしたいと思っていると推測しています。

var i = 1; 
 

 
$('#add').click(function() { 
 

 
    $('#dynamic_fields').append('<tr id="row' + i + '"><td><label class="col-md-3 control-label">Title</label><input type="text" name="title[]" id="title" placeholder="Enter Name" class="form-control name_list"><label class="col-md-3 control-label">Description</label><textarea class="ckeditor form-control" name="desc'+i+'" id="desc'+i+'" rows="6" style="width:50%;" value=""></textarea><input type="hidden" name="imageid" value=""> <label class="col-md-3 control-label">Product Image</label><div class="form-group"><input type="file" class="form-control" name="userfile[]" multiple="multiple"></div></td><td><button name="remove" id="' + i + '" class="btn btn-danger btn-remove" >X</button></td></tr>'); 
 
CKEDITOR.replace('desc'+i); 
 
    i++; 
 

 
}); 
 

 

 
$(document).on('click', '.btn-remove', function() { 
 
    var button_id = $(this).attr("id"); 
 
    $('#row' + button_id + '').remove(); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdn.ckeditor.com/4.7.2/basic/ckeditor.js"></script> 
 

 
<button id="add">ADD</button> 
 
<div id="dynamic_fields"></div>