親ページからJquery UIダイアログ内の子divの要素にアクセスするにはどうすればよいですか? 私は次のコードを使用していました..ID( #adduserframe )でiframeにアクセスし、.contents()が機能します..しかし、機能していません..私のjqueryの概念は十分ではありません。私の望む結果をもたらすものを誰かが提案できますか? 要素を取得できない理由を教えてください。
$(document).ready(function(){
var first_name = '';
var middle_name = '';
var last_name = '';
var paginate_url='';
$('#first_name,#middle_name,#last_name').bind( "change" ,function(){
first_name = $.trim($('#first_name').val());
middle_name = $.trim($('#middle_name').val());
last_name = $.trim($('#last_name').val());
paginate_url='autosuggestUsers.php?first_name=' + first_name + '&middle_name=' + middle_name + '&last_name=' + last_name;
if( first_name!='' && middle_name!='' && last_name!='' ){
$('<div><iframe id="adduserframe" src="'+ paginate_url + '" height="300" width="478" frameborder="0" scrolling="no"></iframe></div>').dialog({
title: '<b>User(s) with a similar name</b>',
modal: true,
autoOpen: true,
height: 'auto',
width: 500,
resizable: false,
buttons: {
"Close": function(){
$(this).dialog('close');
return false;
}
}
});
}else{
return false;
}
});
$("#adduserframe").contents().find("img.addSweis").live("click",function(){
alert('hey');
var u_data = $(this).attr('rel');
var rawParts = u_data.split("~~^^~~");
$($("#adduserframe").contents().find("input#relative_id")).val(rawParts[0]);
$($("#adduserframe").contents().find("input#first_name")).val(rawParts[1]);
$(".ui-dialog-content").dialog('close');
});
});