2012-04-02 11 views
0

したがって、simpleImageCheck jQueryプラグインを使用してチェックボックスを画像に変更しています。これは私が通常のサーバから返さ簡単なページのために正常に動作します:htmlのカスタムチェックボックス画像はajax経由で返されます

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要求:

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

はしかし、私のページの一部のボタンのクリック時に動的にロードされているのdivがありますpartail HTMLページを返します。これが発生すると、divは正常にロードされますが、チェックボックスはイメージに置き換えられません。私はそれが起こっている理由を理解していると思う、私の問題は、私はそれを修正するために何をすべきかわからない...。それとももっと良い方法がありますか?

また、表示しているすべてのチェックボックスは、データの表示に使用されているため、無効になっています。

答えて

2

これは、 '$ .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' 
     }); 
    }); 
} 
関連する問題