使用带有url变量的back和forward按钮以及window.history.pushState

Question

我在此页面上使用名为artist的变量，并在点击主要艺术家页面中的某个按钮后将其放入网址，以便网址更改为?artist=foo。如果使用新网址链接页面，该网站将自动加载正确的艺术家页面。但是，在单击其中一个按钮后，我按下浏览器上的后退按钮，该站点不会考虑url变量，内容保持不变。以下是使用pushState的示例代码：

var returnartists = function(){
$('#artist-container').css("z-index","-1");
$('#artist-container').animate({
    opacity: "0",
    left: "-1000px"
}, 1500);
$("html, body").animate({
    scrollTop: 50
}, 500);
$('#artistButtons').animate({
    opacity: "1",
    left: "0px"
}, 1500);
$('#artistButtons').css("z-index","1");
try
{
    window.history.pushState("title", "Title", "artists.html");
}
catch(err)
{

}
}

以下是解释url变量的一些js：

var filterInArtist = function(){
var artistParam = getParameterByName("artist");
if (artistNames.indexOf(artistParam) !==-1)
{
    filterArtist(artistParam);
}
}

以下是该网站的链接：http://www.hokosounds.com/final-redesign/artists.html

我想知道是否可以使用jQuery

来完成