Question

这是我的代码。在此ckeditor函数中未应用于追加数据。我在header.php文件中使用cdn link for ckeditor。那么我该如何申请呢。

<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 ++的位置改为追加后，并将CDN用于该js代码，并将一个计数器附加到你的ID，因为你只能拥有。我在我的本地机器上试过这个并且没有任何错误地工作。我猜这是你想要做的。

＆＃13;

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();
  
});

＆＃13;

<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>

＆＃13;

附加jquery textarea ckeditor not workingg

1 个答案: