嗨我正在使用行详细信息链接 …我想要一个简单的JQUERY POPUP框(它将通过php mysql显示一些细节)在函数格式下(d)
我的5行上已经有一个JQUERY弹出窗口,请在带有锚标记的“ columnDefs ”下查看 – 这是有效的
我想要另一个JQUERY弹出LINK弹出窗口或任何其他function格式(d) – 但是当我使用任何简单的弹出窗口时… JQUERY弹出窗口不起作用…但是“ columnDefs ”下的第一个弹出窗口是工作正常。
function format ( d ) { return 'Full name: '+d.first_name+' '+d.last_name+'
'+ 'Salary: '+d.salary+'
'+ 'SECOND Another Popup'; } $(document).ready(function() { var dt = $('#example').DataTable( { "processing": true, "serverSide": true, "ajax": "scripts/ids-objects.php", "columns": [ { "class": "details-control", "orderable": false, "data": null, "defaultContent": "" }, { "data": "first_name" }, { "data": "last_name" }, { "data": "position" }, { "data": "office" } ], "columnDefs": [ { "aTargets":[5], "mData": null, "mRender": function(data, type, full){ return ''; } } ], "order": [[1, 'asc']] } ); // Array to track the ids of the details displayed rows var detailRows = []; $('#example tbody').on( 'click', 'tr td:first-child', function () { var tr = $(this).closest('tr'); var row = dt.row( tr ); var idx = $.inArray( tr.attr('id'), detailRows ); if ( row.child.isShown() ) { tr.removeClass( 'details' ); row.child.hide(); // Remove from the 'open' array detailRows.splice( idx, 1 ); } else { tr.addClass( 'details' ); row.child( format( row.data() ) ).show(); // Add to the 'open' array if ( idx === -1 ) { detailRows.push( tr.attr('id') ); } } } ); // On each draw, loop over the `detailRows` array and show any child rows dt.on( 'draw', function () { $.each( detailRows, function ( i, id ) { $('#'+id+' td:first-child').trigger( 'click' ); } ); } ); } );
以上就是jQuery教程分享Jquery Datatables:Jquery弹出框不能在函数下工作 – php mysql相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/532712.html