jQuery холст панели подписи не отображается при добавлении в таблицу [jQuery] - PullRequest
Новая
       45

jQuery холст панели подписи не отображается при добавлении в таблицу [jQuery]

0 голосов
/ 11 марта 2020

Область подписи не отображается, когда я добавляю ее в строку таблицы через jQuery. Я смотрел элементы через веб-браузер. Он показывает тег элемента, который я добавил, но не отображаю область подписи на веб-сайте. Поэтому я попытался l oop в php, это показывают. Я действительно не знаю, что мне здесь не хватает. У меня есть этот сценарий: 

var tbody = $('#UserInCard');
tbody.empty();

var signpad = '<td class="text-center">\n' +
    '                  <div class="signArea" >\n' +
    '                        <div class="sig sigWrapper" style="height:auto;">\n' +
    '                            <div class="typed"></div>\n' +
    '                            <canvas class="sign-pad" id="sign-pad" width="300" height="100"></canvas>\n' +
    '                        </div>\n' +
    '                  </div>\n' +
    '           </td>';

$.ajax({
    type: 'GET',
    url: 'cardapi.php?scard=' + scard + '&sday=' + sday,
    success: function (data) {

        var dts = $.parseJSON(data);
        var name,sur,empid,dept;

     $.each(dts,function (l,v) {

            var tr = $('<tr>');

            name = $.trim(v.name_th);
            sur = $.trim(v.surname_th);
            empid = $.trim(v.employee_no);
            dept = $.trim(v.dept_id);

            tr.append('<td class="text-center">'+ empid +'</td>');
            tr.append('<td>'+ name +'  '+ sur +'</td>');
            tr.append('<td class="text-center">'+ dept +'</td>');
            tr.append(signpad);
            tr.append('<td class="text-center"><button type="button" class="btn btn-primary btnSign w-100" data-toggle="modal" data-target="#modalSign">Sign</button></td>');

            tbody.append(tr);

        });
    }
});

var api = $('#signArea').signaturePad({drawOnly:true, drawBezierCurves:true, lineTop: 'none', bgColour : 'transparent'});

Так чего мне не хватает? Пожалуйста, помогите мне. Спасибо!

...