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

时间:2011-03-28 18:51:47

标签: jquery external anchor cycle

一直在仔细阅读所有其他问题,我无法弄清楚这一点。我有一个主页,其中包含我使用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的初学者。无法理解!

1 个答案:

答案 0 :(得分:0)

您可以通过调整poor man's pager jQuery Cycle示例来完成此操作。在this JSFiddle中,我已经使用了该代码并将其更改为使用链接而不是按钮。

它检查页面加载是否有锚ID,如果找到,则向相关元素发送click事件。

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