1

我正在使用 jQuery$(window).on('hashchange')方法来隐藏不相关的部分，除了 URI-hash 指向的部分。它工作得很好，后退按钮和一切。除了我似乎无法阻止浏览器的默认行为之外，即向下滚动到匹配的部分id。

这是我的功能。

var AddHashNav = function (hashmatch, container) {
    $(window).on('hashchange', function (e) {
        if ( !window.location.hash ) {
            // empty hash, show only the default header
            change_preview(container, container + ' > header');
            return false;
        }
        // Don't do anything to hash links who's ids don't match
        else if ( window.location.hash.match(hashmatch) ) {
            change_preview(container, window.location.hash);
            return false;
        }
    });
}

var changePreview = function (container, preview) {
    $(container + ' >').addClass('hidden');
    $(preview).removeClass('hidden');
}

来电者很简单

$(document).ready(function () {
    // applay AddHashNav to all sections who's id ends in 'preview'
    AddHashNav(/preview?/, '.hash-nav-container');
});

我都试过了e.preventDefault();，return false;但似乎都没有。

请注意，我试图阻止事件的行为hashChange，而不是click事件的行为，这似乎是不可能的，但我敢肯定，至少有人已经设法弄清楚如何做到这一点。

4

1 回答 1

1

change_preview()我通过在构造函数的第一次调用上运行它来修复它AddHashNav，因此隐藏了$(document).load()调用中的部分。

var AddHashNav = function (hashmatch, container) {
    // hide all sections except header on load
    change_preview()
    $(window).on('hashchange', function (e) {
        if ( !window.location.hash ) {
            // empty hash, show only the default header
            change_preview(container, container + ' > header');
            return false;
        }
        // Don't do anything to hash links who's ids don't match
        else if ( window.location.hash.match(hashmatch) ) {
            change_preview(container, window.location.hash);
            return false;
        }
    });
}

这不是最漂亮的解决方案。我不确定它为什么起作用（我认为这是因为这些部分在窗口对象中没有位置，因此无法滚动到），但它现在起作用了。

于 2013-06-11T16:43:57.383 回答