Append jquery textarea ckeditor funktioniert nicht

Question

Dies ist mein Code. In dieser ckeditor-Funktion nicht zum Anhängen von Daten angewendet. Ich benutze cdn Link für ckeditor in header.php Datei. Wie kann ich mich bewerben?

<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

Es scheint zu funktionieren. Ich habe den Ort von Ihrem i ++ nach dem Anhang geändert und den CDN für diesen js-Code verwendet und einen Zähler an Ihre ID angehängt, weil Sie nur haben können. Ich habe das auf meinem lokalen Rechner ausprobiert und funktioniert ohne Fehler. Ich vermute, das ist was du machen wolltest.

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>