所以我有一个奇怪的情况,我现在真的很困惑。对于这个奇怪的问题,我还没有在网上看到任何解决方案。我有一个AJAX调用,它将使用AJAX(动态)填充页面上生成的数据。这是我的代码:
我的jQuery代码:
$(document).delegate('.edit_tr', 'click', function(){
var the_id = $(this).attr('id');
}).delegate('.edit_tr', 'keypress', function(e){
if(e.which == 13) {
var input_name = $("#input_name_" + the_id ).val();
if(input_name.length > 0){
//if I reset the span text and do return false here, the text showed properly on the page
$.ajax({
type: "POST",
url: "ajax_update.php",
data: data_string,
success: function(html){
//do the reset of span text
$('#name_'+the_id+'').html(input_name);
alert('Examining'); //while alert is popped up,text of span is expected as changed
//after 'OK' is clicked on the alert, the span text go back to its previous text
},
error: function(err){
//do something
}
});
}
}
});
另一个通过AJAX调用的PHP页面中的代码。此页面显示页面上的数据,然后由上面的代码进行操作,以便进行编辑。
$returned_msg .= '<form id="form1">';
if( $contact_details->exists() ){
$lists = $contact_details->data();
foreach( $lists as $list ){
$returned_msg .= '<tr id = "'.$list->cont_detail_id.'" class="edit_tr">
<td style="text-align:center" class="edit_td">
<input type="hidden" value="'.$list->cont_detail_id.'" id="cont_detail_id_'.$list->cont_detail_id.'" />
<span id="name_'.$list->cont_detail_id.'" class="text_span">'.$list->det_name.'</span>
<input type="text" value="'.$list->det_name.'" style="width:120px;height:6px;" class="editbox" id="input_name_'.$list->cont_detail_id.'" />
<input type="hidden" value="'.$list->det_name.'" class="editbox" id="hidden_name_'.$list->cont_detail_id.'" />
</td>
</tr>';
}
$returned_msg .= '</form>';
}
在单击editbox
之前,不会显示类tr
。我现在完全不知所措。期待着对可能导致这种情况的原因进行一些思考。谢谢。