Строка таблицы клонов Jquery в HTML-панелях - PullRequest
0 голосов
/ 03 октября 2018

У меня есть панель и стол внутри этой панели.Я добавляю эти панели динамически и добавляю строки в таблицу динамически, используя jQuery.Клонирование строк таблицы работает очень хорошо, но как только я добавлю другую панель, клонирование строк таблицы не будет работать на второй таблице, пожалуйста, помогите.

JS-код для добавления панели:

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

    var total = parseInt($("#click_count").val()) + 1;
    $("#click_count").val(total);

    var htmlcontent = $(".panel-body:last").html();


    var beforecontent = '<div class="panel panel-info po_panel">'
        + '<div class="panel-heading">'
        + '<h6 class="panel-title">'
        + '<a  data-toggle="collapse"  href="#po' + total + '">Add Panel</a>'
        + '</h6>'
        + '</div>'
        + '<div id="po' + total + '" class="panel-collapse collapse in">'
        + '<div class="panel-body">' + htmlcontent + '</div></div> </div>';

    $(beforecontent).insertAfter(".po_panel:last");
});

JS-код для строки клона таблицы:

$(function() {
    $(".btn").click(function(){
        var clone = $(this).closest('tr').clone(true);
        $("td:first-child", clone).empty();
        $("td:first-child", clone).html('<a href="javascript:void(0);" class="remCF">Remove</a>');
        clone.insertAfter( $(this).closest('tr'));
    });
    $("table.table").on('click','.remCF',function(){
        $(this).parent().parent().remove();
    });
});

1 Ответ

0 голосов
/ 03 октября 2018

Попробуйте использовать это.

$(function() {
    $("body").on('click', '.btn', function(){
        var clone = $(this).closest('tr').clone(true);
        $("td:first-child", clone).empty();
        $("td:first-child", clone).html('<a href="javascript:void(0);" class="remCF">Remove</a>');
        clone.insertAfter( $(this).closest('tr'));
    });
    $("table.table").on('click','.remCF',function(){
        $(this).parent().parent().remove();
    });
});

Примечание: вы можете изменить $("body") с контейнером div, который удерживает все панели.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...