xajaxでページネーションが実装されているページがあります。各行には、ユーザーが選択できるラジオボタン用の3つの列があります(図に添付されているサンプルレイアウトを参照してください)。次に、1ページから選択して2ページに移動すると、値が保持されます。1ページに戻ると、選択内容が表示されます。
1ページから別のページへの値の選択を処理するコードがあります。
$('.pagination_wrapper').live('click', function(){
$(document).ready(function(){
var my_option_1 $('#sel_option_1_val').val();
var my_option_2= $('#sel_option_2_val').val();
var my_option_3= $('#sel_option_3_val').val();
$('[type="radio"][name="sel_option_1_val_option"][value="'+my_option_1+'"]').attr('checked','checked');
$('[type="radio"][name="sel_option_2_val_option"][value="'+my_option_2+'"]').attr('checked','checked');
$('[type="radio"][name="sel_option_3_val_option"][value="'+my_option_3+'"]').attr('checked','checked');
});
});
今私の問題は、ページ1から別のページに移動すると、xajaxリクエストがまだ実行されていないが、jqueryがすでに選択を実行しているため、テーブルリストにある場合でもラジオボタンが選択されていないことです。関数にアラートを追加すると、domがすでにロードされており、この部分が実行される前に$('[type = "radio"] [name = "sel_option_1_val_option"] [value = "'+ my_option_1 +'"] ').attr('チェック済み'、'チェック済み');
これはアラート付きのコードです:
$('.pagination_wrapper').live('click', function(){
$(document).ready(function(){
var my_option_1 $('#sel_option_1_val').val();
var my_option_2= $('#sel_option_2_val').val();
var my_option_3= $('#sel_option_3_val').val();
alert('test');
$('[type="radio"][name="sel_option_1_val_option"][value="'+my_option_1+'"]').attr('checked','checked');
$('[type="radio"][name="sel_option_2_val_option"][value="'+my_option_2+'"]').attr('checked','checked');
$('[type="radio"][name="sel_option_3_val_option"][value="'+my_option_3+'"]').attr('checked','checked');
});
});
ラジオボタンの選択がxajaxリクエストが実行された後にのみ実行されるようにするには、何をする必要があるかについてのアイデアはありますか?setTimeout()、jquery.loadを試しましたが、まだ機能していません。