JQTouch + PhoneGap存储问题

Question

我使用HTML，CSS和JavaScript在“构建Android应用程序”一书中创建了一个带有JQTouch + PhoneGap的应用程序。

我在Chrome和Safari上测试过它。它工作得非常好，但是当我使用PhoneGap进入Android时，应用程序无法正常工作。

这是用于存储某些数据的代码。我在Chrome上工作，但不适用于PhoneGap App：

function createEntry() {
    var date = sessionStorage.currentDate;
    var calories = $('#calories').val();
    var food = $('#food').val();
    db.transaction(function(transaction) {
        transaction.executeSql(
            'INSERT INTO entries (date, calories, food) VALUES (?, ?, ?);',
            [date, calories, food],
            function() {
                refreshEntries();
                jQT.goBack();
            },
            errorHandler);
    });
    return false;
}

function refreshEntries() {
    var currentDate = sessionStorage.currentDate;
    $('#date h1').text(currentDate);
    $('#date ul li:gt(0)').remove();
    db.transaction(function(transaction) {
        transaction.executeSql(
            'SELECT * FROM entries WHERE date = ? ORDER BY food;',
            [currentDate],
            function(transaction, result) {
                for (var i = 0; i < result.rows.length; i++) {
                    var row = result.rows.item(i);
                    var newEntryRow = $('#entryTemplate').clone();
                    newEntryRow.removeAttr('id');
                    newEntryRow.removeAttr('style');
                    newEntryRow.data('entryId', row.id);
                    newEntryRow.appendTo('#date ul');
                    newEntryRow.find('.label').text(row.food);
                    newEntryRow.find('.calories').text(row.calories);
                    newEntryRow.find('.delete').click(function() {
                        var clickedEntry = $(this).parent();
                        var clickedEntryId = clickedEntry.data('entryId');
                        deleteEntryById(clickedEntryId);
                        clickedEntry.slideUp();
                    });
                }
            },
            errorHandler);
    });
}

怎么办？