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

Question

因此，我使用simpleImageCheck 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请求将返回一个partail HTML页面。发生这种情况时，div加载正常，但复选框不会被替换为图像。我想我明白为什么会发生，我的问题是，我不知道我该怎么办才能修复它...... 既然HTML以字符串的形式返回，我应该只使用字符串替换？还是有更好的方法呢？

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

Answer 1

发生这种情况是因为'$ .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' 
     }); 
    }); 
}