jQuery的烧烤从URL删除哈希b

Question

我是jQuery烧烤的新手，到目前为止，我已经弄清楚了大多数设置，但是我有一个小问题。 这是设置。

一页上带有主要导航链接的页面，每次单击导航链接都会将页面的正文内容更改为其相应的数据（显示和隐藏div）（带有bbq），其中一个链接显示一个div，而另一组链接则在单击时显示将在网址中设置哈希B

因此，第一个链接单击domain.com/dir/#A=page1

第二个链接单击domain.com/dir/#A=page1&B=set1

如果我按下返回按钮，它将返回到上一个A哈希，但是B哈希仍保留在URL中。

当不在特定页面上时，有什么方法可以删除B标记？

$(window).bind('hashchange', function(e) {
    var state = $.bbq.getState('p');
    var graphState = $.bbq.getState('n');

    var base_title = '{/literal}{$smarty.const.SITE_TITLE}{literal} | Dashboard | ';
    $('.profile-nav a').each(function() {
        if (!state) {
            $('.profile-nav a').each(function() {
                $('#' + this.id).removeClass('live active');
                document.title = base_title + 'Message Center';
            });
            $('#m').addClass('live active');
        } else if (state == this.id) {
            $('#' + this.id).addClass('live active');
            document.title = base_title + $(this).text();
        } else {
            $('#' + this.id).removeClass('live active');
        }
    });

    if (!state) {
        $('.tab-content').fadeOut('fast');
        $('.message-content').fadeIn('slow');
    } else {
        $('.tab-content').fadeOut('fast');
        clicked = $('#' + state).attr('rel').split(' ')[0];
        $('.' + clicked).fadeIn('slow');
    }

    if (state == 'r') {
        if (graphState) {
            $('.nick-breakdown').fadeOut('fast');
            $('#' + graphState).fadeIn('slow');
            document.title = base_title + 'Reports | ' + $('#' + graphState).attr('rel');
        } else {
            $('.item-breakdown').fadeOut('fast');
            $('.nick-breakdown').fadeIn('slow');
            document.title = base_title + 'Reports';
        }
    }
});​

Answer 1

我已经使用jsbbq.pushState和merge_mode = 2完成了同样的事情，而不仅仅是在锚点上设置＃。

在此处查看文档： http : //benalman.com/code/projects/jquery-bbq/docs/files/jquery-ba-bbq-js.html#jQuery.bbq.pushState

merge_mode（Number）：如果未指定merge_mode，则合并行为默认为0（除非指定了以＃开头的哈希字符串，在这种情况下，合并行为默认为2），并且如下所示：

• 0：params参数中的params将覆盖当前状态下的所有params。
• 1：当前状态下的任何参数都将覆盖params参数中的参数。
• 2：params参数将完全替换当前状态。

因此，如果您的链接如下所示：

您可以致电mysite.com＃A = page1＆B = page2

$ .bbq.pushState（{'A'：'pageXYZ'}，2）;

然后您的文档位置将是：

mysite.com＃A = pageXYZ

Answer 2

我有一种更简单的方法，不需要插件：

将当前的哈希参数复制到虚拟URL AS searchParameters。 现在，您可以像处理搜索参数一样处理哈希参数，使用搜索参数的所有功能（developer.mozilla.org/en-US/docs/Web/API/URLSearchParams）对其进行编辑，然后将它们作为AS hasparameters复制回去，

例如，用于设置和更新参数的简单函数，您还可以使用'.delete（）'而不是'.set'来删除参数：

 function setOrUpdateHashParameter( hashParameterName, hashParameterValue ) { let theURL = new URL('https://dummy.com'); // create dummy url theURL.search = window.location.hash.substring(1); // copy current hash-parameters without the '#' AS search-parameters theURL.searchParams.set( hashParameterName, hashParameterValue ); // set or update value with the searchParams-API window.location.hash = theURL.searchParams; // Write back as hashparameters } 

如果有人知道如何正确设置这些帖子的格式，请随时对其进行编辑，谢谢！