根据URL更改幻灯片

Question

我正在将Revolution Slider插件用于具有3张幻灯片的1个滑块。 该插件提供了一种简单的方法来调用特定的幻灯片（例如16是滑块ID，2是需要显示的幻灯片数量）。 根据他们的文档，这是完成的方式：

<a href="#" onclick="document.getElementById('rev_slider_16').scrollIntoView(); revapi16.revshowslide('2'); return false;">Link Text</a>

我在页面上使用锚点，并且我想显示不同的幻灯片，具体取决于单击的锚点。 我是这样开始的：

jQuery(document).ready(function() {
    if(window.location.href === "http://website.com/about/#first"){
        document.getElementById('rev_slider_16').scrollIntoView(); revapi16.revshowslide('1');
    }
    else if(window.location.href === "http://website.com/about/#second"){
        document.getElementById('rev_slider_16').scrollIntoView(); revapi16.revshowslide('2');    
    }
    else if(window.location.href === "http://website.com/about/#last"){
        document.getElementById('rev_slider_16').scrollIntoView(); revapi16.revshowslide('3');
    }
});

但是我收到“无法读取未定义的属性'revshowslide'”错误... 我是新手，所以我真的很抱歉这个愚蠢的问题...

更新：

在此页面上，我也有3个标签，并且我使用了类似的方法来显示不同的滑块（并且该滑块可以正常工作）。

    $('.tabs-wrapper ul li:first-child a').click(function() {
      document.getElementById('rev_slider_16').scrollIntoView(); revapi16.revshowslide('1');
    });
    $('.tabs-wrapper ul li:nth-child(2) a').click(function() {
      document.getElementById('rev_slider_16').scrollIntoView(); revapi16.revshowslide('2');
    });
    $('.tabs-wrapper ul li:last-child a').click(function() {
      document.getElementById('rev_slider_16').scrollIntoView(); revapi16.revshowslide('3');
    }); 

因此，基本上，我还需要能够基于URL中的锚点显示不同的幻灯片。