Web 数据库 - tx.executeSql 回调并非每次都运行

Question

我有一个使用 jQuery Mobile 构建的 HTML5 网站。

在我的index.htm 页面上我有一个ahref。当我单击该链接时，我运行一个执行 tx.executeSql 的函数，并运行回调方法，然后导航到新页面。

第一次效果很好。

如果我导航到更多页面，然后返回到 index.htm 页面，则单击链接时会运行这些函数，但 tx.executeSql 上的回调永远不会运行。

任何想法将不胜感激。我已经使用了所有不同的机制来调用从 javascript 到 jquery 的函数，但这没有什么区别。

需要明确的是 - 调用的第一个函数是 setFeaturedRecruiter() - 您可以看到下面的代码。我第二次回到这里时，“renderResults”回调函数未运行。

// when we click on the actual featured recruiter link we copy from this table to the featured recruiter table to overwrite its contents
function setFeaturedRecruiter() {
    alert('setFeaturedRecruiter()');
    retrieveActualFeaturedRecruiter();
    return true;
}

function retrieveActualFeaturedRecruiter() {
    alert('retrieveActualFeaturedRecruiter()');
    db.transaction(function (tx) {
    alert('select * from featuredRecruiterActual...');
    tx.executeSql('SELECT * FROM featuredRecruiterActual', [], renderResults, pnetOnError);
    });
}

pnetOnError = function (tx, e) {
    alert('Something unexpected happened: ' + e.message);
}

function renderResults(tx, rs) {
    alert('renderResults()');
    var idNo;
    var name;
    var logo;
    var totalAds;
    for (var i = 0; i < rs.rows.length; i++) {
    r = rs.rows.item(i);
    idNo = r.idNo * 1;
    name = r.name;
    logo = r.logo;
    totalAds = r.totalAds;
    }

    writeToFeaturedRecruiter(idNo, name, logo, totalAds);
}

Answer 1

我通过在页面之间导航时禁用 ajax 解决了这个问题。这是通过添加到 ahref 标签来完成的：data-ajax="false"。这导致页面正确加载并解决了问题。