Question

在这里，我附上图像，您可以在其中看到在页面加载后但在所有行中显示的数据列表，但是当我使用jquery添加行时，它不显示数据。请查看图片2

首先是

图像

图片2

This is the link of mtree demo和this is the codepen link

以下是我用来生成行和显示mtree的代码。

$(document).ready(function() {
    var ite = <?php echo $projectCount; ?>;
    $('.btn-row-add').click(function() {
        var leaveDays = checkLeaveDays();
        console.log(leaveDays);
        var ite2 = 1
        style = '';
        readOnly = '';
        if(jQuery.inArray(ite2, leaveDays) !== -1){
            style = "style = 'background:#00FF00;'";
            readOnly = "readonly='readonly'";
        }
        var el2 = '<td><input '+style+' '+readOnly+' id="text_'+ite2+'" class="short-textbox" type="text" name="day_'+ite+'[]" value="" onkeyup="sumNewRows(), colsValues(), colsVertical()"></td>';
        for(var i=2; i<<?php echo $noOfDays+1; ?>; i++) {
            styleInner = '';
            readOnlyInner = '';
            if(jQuery.inArray(i, leaveDays) !== -1){
                styleInner = "style = 'background:#00FF00;'";
                readOnlyInner = "readonly='readonly'";
            }
            el2 = el2 + '<td><input '+styleInner+' '+readOnlyInner+' id="text_'+i+'" class="short-textbox" type="text" name="day_'+ite+'[]" value="" onkeyup="sumNewRows(), colsValues(), colsVertical()"></td>';

        }
        console.log($('whc-table tbody').html());
        var el = '<tr id="data_'+ite+'">\n' +
            '<th scope="row">\n' +
            '<select class="dropdownlist" data-text-field="name" name="project_name[]"  style="width: 300px;">\n' +
            '<option value=""></option>\n' +
            '</select>\n' +
            '\n' +
            '</th>\n' +
            '<td id="mm-transit">\n' +
            '\n' +
            '<div class="fake-input">\n' +
            '<input value="" name="task_no[]" class="task_list" id="task_list_" type="text" title="Show category list here leter"><img class="show_task" id="show_task" src="<?=base_url()?>images/down.png">\n' +
            '\t<div id="cat-list-" class="cat-list"><?php echo $categories_list ?></div>\n' +
            '</div>\n' +
            '</td>\n' +
            el2 +
            '\n' +
            '<td style="text-align: center;">\n' +
            '<input style="width: 35px;" id="text_total_'+ite+'" readonly=\'readonly\' class="short-textbox" type="text" name="total_'+ite+'" value="">\n' +
            '</td>\n' +
            '</tr>';
        ite++;
        $(el).appendTo($('#whc-table tbody'));
        projectDropdown();
        taskDropdown();
        initializeMtree();
    });
});

注意 - 我以前用普通行显示mtree的方式意味着那些不是由javascript生成的行

Answer 1

尝试使用

$('.btn-row-add').on('click', function() {

而不是

$('.btn-row-add').click(function() {

外部java脚本＆＃34; mtree脚本＆＃34;当jquery动态添加元素时不工作

1 个答案: