0

HTML: 

<table border="1">
    <tr id="main_account">
        <td width="50%">
            <h3 style="margin-left:10px">Details</h3> 
            <table width="270">
                <tr>
                    <td>First name:</td>
                    <td><input type="text" name="first_name" id="id_first_name" /></td>
                </tr>
                <tr>
                    <td>Last name:</td>
                    <td><input type="text" name="last_name" id="id_last_name" /></td>
                </tr>
                <!-- other html -->
            </table>
        </td>
    </tr>
    <tr id="authorised_reporter">
        <td  width="100%" colspan="2">                            
            <form method="post" action="." id="reporter-form">                                    
                <table  width="100%">
                    <tr>
                        <td style="width:100px;">First name:</td>
                        <td><input type="text" name="first_name" id="id_first_name" /> </td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td><input type="text" name="last_name" id="id_last_name" /> </td>
                    </tr>
                    <tr>
                        <td>Daytime phone:</td>
                        <td><input id="id_phone_daytime" type="text" class="trim-space" name="phone_daytime" /></td>
                    </tr>
                </table>
            </form>
        </td>
    </tr> 
</table>

onpage load id #main_account が表示され、id #authorized_reporter が非表示になります。#authorized_reporter をクリックすると、#authorized_reporter が表示ブロックにあり、#main_account が表示なしの状態になります。#authorized_reporter タブで、成功呼び出しの後、ajax を使用してユーザー データを更新しています。私はページをリロードしています。オンロードなので、リロード後にデフォルトで #main_acount を表示しています。

以下を試しましたが、機能しません。#main_account に移動します

//other code not shown
success: function() {  
    location.reload();
    $('#authorised_reporter').css("display", "block");
    $('#main_account').css("display", "none");
    $("#sucess").show();
    $("#sucess").text("Changes has been updated."); 
}
4

2 に答える 2

0

次の理由により、変更が適用されない可能性があります。

location.reload();

コンテンツをリロードし、成功関数の後半部分は効果がありません。より具体的に、より多くの html を提供できれば、回答を得ることができます。jQuery でも.done()を使用できます。

于 2013-09-20T10:26:13.407 に答える