Javascript 基于URL更改幻灯片

我使用革命滑块插件为1滑块，有3个幻灯片。 该插件提供了一种简单的方法来调用像这样的特定幻灯片（其中16是滑块ID，2是需要显示的幻灯片数量）。 根据他们的文件，这是如何做到的：

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

但我得到“无法读取未定义的”错误属性“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中的锚来显示不同的幻灯片。

您在哪里定义

revapi16

？您可以使用

window.location.hash

，这将更容易…revapi16对象没有定义（至少在这个范围内）。检查在设置revapi16的位置是否存在任何异步行为。@eisbehr这不是问题所在。revapi16尚未设置，因此无论是否设置revshowslide都无关紧要对不起，只是复制了错误的名称，意思是

revapi16

）我认为您使用的API在HTML代码中没有引用。如果这是真的，我建议看看这个

    $('.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');
    });