成功的AJAX调用后,跨度值更改回旧值

时间:2015-10-08 09:12:58

标签: javascript php jquery ajax

所以我有一个奇怪的情况,我现在真的很困惑。对于这个奇怪的问题,我还没有在网上看到任何解决方案。我有一个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。我现在完全不知所措。期待着对可能导致这种情况的原因进行一些思考。谢谢。

0 个答案:

没有答案