在 ajax div 中找到一个选择器

Posted 2023-05-09

【中文标题】在 ajax div 中找到一个选择器

【英文标题】：find a selector inside a ajax div

【发布时间】：2016-04-19 12:31:06

【问题描述】：

我有一个案例，有 1 个页面通过 ajax.load() 加载。在那个页面中有一个表，我想使用 jquery DataTables。我得到了那个表的 ID，让我们说它的 id="table_01"，父级是一个 div，类名为“box”。对于加载页面的容器，我使用 id="content" 的 div。

现在可以使用 DataTables 的脚本，

<script>$(document).ready(function() 
$('#table_01').DataTable(); );</script>

当我打开该页面时，页面已加载，但表格并未更改。该脚本与表不在同一个文件中。位于容器页脚中，

然后我尝试一些不使用任何 jquery ajax 负载的东西，它正在工作。所以我认为问题出在选择器上。我尝试使用 find()，但没有运气或使用 $('#conten #table_01')。

如果脚本与表在同一个文件中，可能工作正常。但我不想那样做，

这可以吗？ 谢谢你的回复，顺便说一句

【问题讨论】：

load() 方法是异步的，您需要在load() 方法的完整回调中设置针对任何加载内容的逻辑，例如：$('.box').load('uriPath', function() $('#table_01').DataTable(); );

【参考方案1】：

试试这个：

Try this :

<script>
    $('.selector').load( "target_page.php", function() 
        $('#table_01').DataTable();
    );
</script>

Look here for full documentation

编辑：最少的代码

【讨论】：

今天早上突然又发了一个，为了简单起见，我可以在这个<script>$(document).ready(function() $('.selector').load( "target_page.php"); </script>之外加载$('#table_01').DataTable();吗？可以吗？