Question

我是jquery脚本的新手。我设法动态克隆表单的一部分，但是我的按钮显示克隆部分中的ckeditor的div不起作用。它仍然会听原始部分的按钮，并且只显示ckeditor的div（但在原始按钮被单击时无法编辑除原始部分之外的所有部分）。这是我的代码： -

for(i=num; i<value; i++){
    var newSlot = $('#slot' + i).clone().attr('id','slot' + (i+1));

    newSlot.find('.heading-slot').attr('id', 'ID' + (i+1) + '_slot').html('Slot ' + (i+1)); //add new slot name

    newSlot.find('.other_message').hide();
    newSlot.find('.select_instruction').on('change', function () {  
        $(this).next('.other_message').toggle((this.value) == "Other")
    });


    newSlot.find('.extra_instruction').hide();
    //the button here is not working as I wanted
    newSlot.find('.btnAdditional').on('click', function(){
        $(this).next('.extra_instruction').show();
    });

    $('#slot' + i).after(newSlot);
}

html代码

    <div class="col-sm-6">
        <button type="button" id="btn_Additional" name="btn_Additional" class="btnAdditional btn btn-info">Additional Instruction</button>
            <div class="extra_instruction">
                <textarea id="input_add_instruction" name="add_instruction[]" class="form-control"></textarea>
<script>CKEDITOR.replace( 'input_add_instruction' );</script>
            </div>
    </div>

任何人都可以指导我吗？请我对此非常陌生。谢谢你的进步..

Answer 1

克隆函数不仅克隆了html而且克隆了事件监听器，而不是克隆尝试创建元素并正确添加事件监听器。

来自克隆部分的按钮不能正常工作

1 个答案: