使用post调用模式脚本

2ul0zpep  于 2021-06-21  发布在  Mysql
关注(0)|答案(0)|浏览(209)

我有一个带有javascript的html+php页面。在脚本中,我有一个带有子行的表。在子行中,我想打开一个模式窗口,其中包含来自mysql数据库的文本。但模态不打开,如果我放进子行表。从html链接完美地工作。
我可以修改什么来工作。

function format ( d ) {
// `d` is the original data object for the row
return '<div class="slider">'+
    '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'+
        '<tr>'+
            '<th>Operatőr 2:</th>'+
            '<td>'+d.doctor2+'</td>'+
            '<td style="width:100px"></td>'+
            '<th>Leírás: </th>'+
            '<td><a href="javascript:void(0);" data-href="getContent.php?id='+d.patientid+'" class="openPopup">'+d.description+'</a></td>'+
            '<td style="width:100px"></td>'+
            '<th>TAJ:</th>'+
            '<td> '+d.patientid+'</td>'+
        '</tr>'+
    '</table>'+
'</div>';

$(document).ready(function() {

var table = $('#videos').DataTable( {
    "ajax": 'data.php',
    "columns": [
        {
            "class":          'details-control',
            "orderable":      false,
            "data":           null,
            "defaultContent": ''
        },
        { "data": "patient" },
        { "data": "patientid" },
        { "data": "diagnose" },
        { "data": "surgerydate" },
        { "data": "description" },
        { "data": "doctor1" },
        { "data": "uploader", "visible": false }

    ]
    }
});

// Add event listener for opening and closing details
$('#videos tbody').on('click', 'td.details-control', function () {
    var tr = $(this).closest('tr');
    var row = table.row( tr );

    if ( row.child.isShown() ) {
        // This row is already open - close it
        $('div.slider', row.child()).slideUp( function () {
            row.child.hide();
            tr.removeClass('shown');
        } );
    }
    else {
        // Open this row
        row.child( format(row.data()), 'no-padding' ).show();
        tr.addClass('shown');

        $('div.slider', row.child()).slideDown();
    }
});

//Modal description
$('.openPopup').on('click',function(){
    var dataURL = $(this).attr('data-href');
    $('.modal-body').load(dataURL,function(){
        $('#myModal').modal({show:true});
    });
});
});

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题