jquery - HTML注入(inject)后$(document).ready(function()

Question

我正在尝试实时编辑数据。为此，我找到了这个脚本

http://www.9lessons.info/2011/03/live-table-edit-with-jquery-and-ajax.html

当在 php 文件中创建表时，该脚本可以完美运行，但我尝试通过 javascript 注入(inject)表来实现此目的。

这是我的 php 页面

<script type="text/javascript" src="javascript/default/gebruikers.js"></script>
<div id="adminGebruikersDiv" class="adminGebruikersDiv"></div>
<script type="text/javascript">
    onload = function() { loadGebruikers(); };
</script>

函数 loadGebruikers 创建表并将其注入(inject)到 div 中。现在我希望这段代码能够工作

$j(document).ready(function() {
    $j(".rij").click(function() {}).change(function() {});
    $j(".editbox").mouseup(function() {});
$j(document).mouseup(function() {});
});

那么我该如何使用 jquery 来做到这一点

编辑:现在可以了

$j(document).on("ready", function() {
    $j(document).on("click", ".rij", function() {}).on("change", function() {});
    $j(document).on("mouseup", ".editbox", function() {});
    $j(document).on("mouseup", ".document", function() {});
});

Answer 1

您应该使用.on将事件附加到动态元素。

$j(document).on("click", ".rij", function() { ... });