0

ユーザーがログインしたら、ユーザー名を HTML5 ローカル ストレージに設定します。次のページの上部ツールバーにユーザー名を設定したいのですが、何らかの理由で の後のテキストが変更されませんchangepage。ページは変わりますが、テキストは挿入されません。私は何を間違っていますか?

編集

 success: function(data) { 
        if(data.status == "success") {
                $.mobile.changePage("inventory.html");
                var username = localStorage.getItem('username');
                $("#top_username").html(username);  
            };
        if(data.status == "failed") {
            alert('Incorrect Login Information');
            };
        }

編集:

4

3 に答える 3

0

ページを変更する場合、新しいページを対象とするすべてのアクティビティは、新しいページ イベントの実行中に実行する必要があります。

あなたの場合、オプションが必要です:

  1. 新しいページ ID が newpage で、このイベントを変更するとします。

    $('#newpage').live('pagebeforeshow',function(e,data){
        var username = localStorage.getItem('username');
        $("#top_username").html('<h1>' + username + '</h1>');
    }
    
  2. $('#newpage').live('pagebeforeshow',function(e,data){
        // Get it from prevPage
        var username = data.prevPage.find('#username').val();
        $("#top_username").html('<h1>' + username + '</h1>');
    }
    
于 2012-12-08T17:06:20.310 に答える
0
$(function(){ // DOM is ready! wow, go for #top_username

    var username = localStorage.getItem('username');
    $("#top_username").html(username);

});
于 2012-12-08T04:58:25.597 に答える
0

前のページから html コンテンツを追加しようとしているためです。

var username = localStorage.getItem('username');
$("#top_username").html(username); 

inventory.html ページにある必要があり、そこに次のような関数が含まれている必要があります

$(document).on('pageinit').

その後、完全に機能するはずです。これが役立つことを願っています。

于 2012-12-08T07:06:21.217 に答える