Javascript 通过ajax返回的html自定义复选框图像

因此，我使用SimpleMageCheck jQuery插件将复选框更改为图像。对于我通常从服务器返回的简单页面，这很好：

$(document).ready(function () {
    $("input[type='checkbox']").simpleImageCheck({
        image: './content/themes/base/images/fail.png',
        imageChecked: './content/themes/base/images/success.png'
    });
}

但是，在我的某些页面上，有些div是通过单击按钮动态加载的：

function GetData() {
    $.get("/Ajax/Aapt", variables, function (data) {
        $("#AaptTab").html(data);
    });
    $("input[type='checkbox']").simpleImageCheck({
        image: './content/themes/base/images/fail.png',
        imageChecked: './content/themes/base/images/success.png'
    });
}

get请求将返回一个部分HTML页面。当出现这种情况时，div会被很好地加载，但复选框不会被图像替换。我想我明白为什么会发生这种情况，我的问题是我不知道我应该怎么做来解决它。。。。 既然HTML是作为字符串返回的，我是否应该使用字符串替换？还是有更好的办法

---

此外，我显示的每个复选框都被禁用，因为它们仅用于查看数据。

发生这种情况是因为“$.get”请求需要时间并异步工作。 试试这个：

function GetData() {
    $.get("/Ajax/Aapt", variables, function (data) {
        $("#AaptTab").html(data);
        $("input[type='checkbox']").simpleImageCheck({
            image: './content/themes/base/images/fail.png',
            imageChecked: './content/themes/base/images/success.png'
        });
    });
}