jquery从外部页面循环链接到特定幻灯片？

Question

仔细研究了所有其他问题，但我无法弄清楚这一点。我有一个主页，其中包含我使用 jquery 循环插件的另一个页面的某些幻灯片。我需要做的是将主页上的链接直接链接到不是组中第一张幻灯片的幻灯片。没什么那么复杂。我的主页上有一个这样的链接：

<a href='portfolio.php'>SEE MORE</a>

我研究过使用 pagerAnchorBuilder 添加命名锚点，然后在链接中引用该锚点。成功添加命名锚点：

   pagerAnchorBuilder: function(idx, slide) {
    return '<li'+s+'><a href="#" name="portfolio'+(idx+1)+'">'+(idx+1)+'</a></li>';
    }

但链接到它们没有任何作用。例如：

<a href='portfolio.php#portfolio3>SEE MORE</a>

我认为这与 updateActivePagerLink 有关。有没有办法以某种方式让命名锚点告诉页面循环哪张幻灯片处于活动状态？或者还有其他更简单的方法吗？看起来这将是一个常见的应用程序！我是 jQuery 的初学者。想不通啊！

Answer 1

您可以通过改编 穷人的寻呼机 jQuery Cycle 示例来实现此目的。在 这个 JSFiddle 中，我获取了该代码并将其更改为使用链接而不是按钮。

它在页面加载时检查锚点 ID，如果找到，则将单击事件发送到相关元素。

    if (location.hash)
    {
        $('#' + location.hash.substring(1)).click();
    }