使用Javascript刷新每次点击的锚标签

Question

我有一个电子商务网站，每当有人单击“添加到托盘”（我们称其为托盘而不是购物车）时，页面都会刷新到同一页面并将其自身定位到该产品的div（在此处进行尝试： http://www.boostliquidation.com/ ）。 使用以下Javascript会发生这种情况：

 $('input.returnLink').each(function(){
     $(this).attr('value',window.location.href + $(this).attr('data-skuhash'));
     }); 

并将此锚定标签放置在“添加到购物车”按钮之前的隐藏输入标签中：

<input type="hidden" value="back" name="return_to" class='returnLink' data-skuhash='#{%     for variant in product.variants %}{{variant.sku}}{% endfor %}' /> 

（{％％}中的代码是Shopify网站使用的称为Liquid的语言）。

效果很好...但仅适用于第一个产品。 它将在地址栏中添加SKU编号，并在其前面加上＃号。 如果用户添加了另一个产品，它会刷新到页面顶部，因为它将SKU编号修改为地址栏中已经显示的现有SKU编号。

如何在首次使用现有SKU替换现有SKU之后添加产品，以使它们刷新回到产品而不是页面顶部？

Answer 1

我可能会尝试使用string.replace()

var str = window.location.href;
var hash = $(this).attr('data-skuhash');

if (str.match('#\w\w+'){
   str.replace('#\w\w+', hash);
} else {
    str = str + hash;
}

在网址末尾查找任何哈希，如果找到则替换该哈希，如果找不到则添加一个。