Question

我正在使用具有实现CSS的数据表。在一个特定的列中，我控制了我的控制权;我的意思是我为更改列单元格提供了一个下拉选项。它在数据表的第一页工作良好。但是在首页之后它不起作用。我在Google上搜索了此问题，但找不到适合我的解决方案。这是我的html代码：

 <table id="data-table-simple" class="bordered striped highlight responsive-table">
            <thead>
                <tr>
                    <th>Guest name</th>
                    <th>Guest email</th>
                    <th>Reff</th>
                    <th>Reciept</th>
                    <th>Status</th>
                    <th>Payment date</th>
                    <!-- <th>Photo</th> -->
                </tr>
            </thead>
            <tbody id="show_data"></tbody>
        </table>

这是我的jQuery代码：

$(document).ready(function(e){
$('#data-table-simple').DataTable();
show_payment();
});


function show_payment(){
$.ajax({
    type  : 'post',
    url   : 'payment/get_all_payment',
    async : false,
    dataType : 'json',
    success : function(data){
       // console.log(data);
        var html = '';
        var i;
        var status;
         var base_url = window.location.origin;
         var pathArray = window.location.pathname.split( '/' );
        for(i=0; i<data.length; i++){
            var image_location = base_url+'/'+pathArray[1]+'/'+pathArray[2]+'/images/payment_reciept/'+data[i].payment_receipt;
            html += '<tr>'+
                    '<td>'+data[i].name+'</td>'+
                    '<td>'+data[i].email+'</td>'+
                    '<td>'+data[i].reff+'</td>'+
                    '<td><img class="materialboxed" width="100" height="90" src="'+image_location+'" alt=""></td>'+
                    '<td>'+
                    '<select name="select_room_type">'+
                        '<option value="" disabled selected>'+data[i].status+'</option>'+
                        '<option value="confirmed">Confirmed</option>'+
                        '<option value="cancel">Cancel</option>'+
                    '</select>'+
                    '</td>'+
                    '<td>'+data[i].created_date_time+'</td>'+
                    '</tr>';
        }
        $('#show_data').html(html);
    }
});

}

这是我在数据表中第一页的输出 Here all code and JavaScript function is working well

这是我在数据表中第二页的输出 Here the JavaScript code doesn't work.

现在请帮助我如何解决问题。

所有JavaScript文件未加载所有数据表页面

0 个答案: