jQuery转到哈希而不重新加载

$(document).ready(function() {
    // 监听所有带有特定类名的链接点击事件
    $('.nav-link').on('click', function(event) {
        event.preventDefault(); // 阻止默认的链接跳转行为

        // 获取链接的href属性值
        var href = $(this).attr('href');

        // 将href中的查询参数转换为哈希值
        var hash = href.split('?')[1] || '';
        window.location.hash = hash;

        // 可以在这里添加代码来更新页面内容
        updateContent(hash);
    });

    // 根据当前哈希值更新页面内容的函数
    function updateContent(hash) {
        // 根据哈希值切换不同的内容区域
        switch (hash) {
            case 'section1':
                $('#content').html('这是第一部分的内容');
                break;
            case 'section2':
                $('#content').html('这是第二部分的内容');
                break;
            // 其他情况...
            default:
                $('#content').html('默认内容');
        }
    }

    // 页面加载时，根据URL中的哈希值初始化页面内容
    $(window).on('load', function() {
        var initialHash = window.location.hash.substring(1); // 去掉#号
        updateContent(initialHash);
    });
});

window.onhashchange = function() {
    var currentHash = window.location.hash.substring(1);
    updateContent(currentHash);
};