我有一个由 php 创建的 html 表，我想对这个表进行排序，但没有成功。如果我在 html 中创建表格，则排序工作。<!DOCTYPE html><html><head><title>Teste</title><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"><link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css"><script src="https://code.jquery.com/jquery-3.3.1.min.js"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script><script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script><script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script></head><body> <div class="container mb-3 mt-3" id="inicio"> </div><script>$(document).ready(function(){load_list();$('.mydatatable').DataTable();function load_list(){ var action = "data"; $.ajax({ url: "teste.php", method:"POST", data:{action:action}, success:function(data) { $('#inicio').html(data); } })}}); </script></body></html>我认为 $('.mydatatable').DataTable(); 是在错误的地方，我尝试了我的选择，但只有在表格位于 html 页面内时才有效。任何人都可以帮助我吗？
2 回答
aluckdog
TA贡献1847条经验 获得超7个赞
作为第一个 A in ajaxmean asynchronous，然后您的调用$('.mydatatable').DataTable();发生在通过 ajax 加载实际数据之前。您应该将呼叫移动DataTable到success回调：
success:function(data)
{
// note the order - first you load `html`
$('#inicio').html(data);
// after that you have a `.mydatatable` selector available
$('.mydatatable').DataTable();
}
慕妹3146593
TA贡献1820条经验 获得超9个赞
初始化数据表时，表格 html 不存在。
$(document).ready(function(){
load_list();
function load_list()
{
var action = "data";
$.ajax({
url: "teste.php",
method:"POST",
data:{action:action},
success:function(data)
{
$('#inicio').html(data);
//move this to here
$('.mydatatable').DataTable();
}
})
}
- 2 回答
- 0 关注
- 128 浏览
添加回答
举报
0/150
提交
取消