哈希更改导致电话间隙应用程序崩溃

Question

我在我的phonegap应用程序中使用ajax来加载不同页面的内容。我还使用 onhashchange 来启用后退按钮功能。

最初一切正常，但是如果我单击 3 个不同的链接（并触发 3 个哈希更改），那么我的应用程序就会完全崩溃，变得无响应，然后耗尽我所有的内存。

哈希更改的代码如下，任何人都知道为什么它可能崩溃/内存泄漏？

$('a.ajax').click(function () {
    location.hash = $(this).attr('href').match(/(^.*)./)[1]
    return false
})
function hashChange() {
    var page = location.hash.slice(1)
    if (page != "" && window.location.hash) {
        wrap.load('pages/' + page + ".html .page-wrapper", function(){
            closeMenu();
        })
    }else{
        wrap.load('pages/Welcome.html .page-wrapper', function(){
            closeMenu();
        })
    }
}
// check for hash change
if ("onhashchange" in window) {
    $(window).on('hashchange', hashChange).trigger('hashchange')
} else { // lame browser
    var lastHash = ''
    setInterval(function () {
        if (lastHash != location.hash)
            hashChange()
        lastHash = location.hash
        //contentScroller.scrollTo(0,0);
    }, 100)
}

请注意，我在xCode控制台中收到以下错误，并且我正在运行phonegap的2.9版本。

CDVWebViewDelegate：当状态=1时开始导航

谢谢！

Answer 1

我不完全确定是什么导致了崩溃，但我决定 http://benalman.com/projects/jquery-hashchange-plugin/使用这个插件，现在一切正常

var wrap = $('#contentScroller .scroller');
$('a.ajax').click(function () {
    location.hash = $(this).attr('href').match(/(^.*)./)[1];
    return false;
});
$(window).hashchange(function () {
    var page = location.hash.slice(1);
    if (page !== "" && window.location.hash) {
        wrap.load('pages/' + page + ".html .page-wrapper", function () {
            closeMenu();
        });
    } else {
        wrap.load('pages/Welcome.html .page-wrapper', function () {
            closeMenu();
        });
    }
});